webpack的proxyTable無效的解決方案

最近遇到這個須要單頁訪問跨域後臺的問題。
遇到了網上不少人說的,proxyTable不管如何修改,都沒效果的現象。npm

通過幾輪測試,總結出一下幾種解決方案:api

1.(很是重要)確保proxyTable配置的地址能訪問,由於若是不能訪問,在瀏覽器F12調試的時候看到的依然會是提示404
而且注意,在F12看到的js提示錯誤的域名,是js寫的那個域名,並非代理後的域名。
另外配置正常的話,在idea的控制檯,會有錯誤提示顯示,例如:跨域

Your application is running here: http://localhost:8082                                                                                                                                                                                             [HPM] Error o
ccurred while trying to proxy request /api/user/ts from localhost:8082 to http://localhost:1920/ (ECONNREFUSED)

2.(奇葩解決)我的感受這個http代理的插件有緩存,proxyTable的修改會無效,這時候能夠嘗試修改啓動項目的端口,就在proxyTable屬性配置的下面幾行有個port: 8080,改爲其餘,例如8081,就會有效,而後再改回來就好。瀏覽器

3.這個比較多人說了,就是要手動再執行一次npm run dev緩存

相關文章
相關標籤/搜索