vue本地開發中我們經常使用代理轉發本地請求到服務器,vue-cli創建的項目默認使用的是http-proxy-middleware
進行的代理,然而卻對于如何配置一知半解,感覺文檔講解的也不是很透徹(PS:也許是我個人理解能力不行),今天終于沉下心來勢必要把如何配置搞清楚,最后看到一個大佬的回答如醍醐灌頂。
用代理, 首先你得有一個標識, 告訴他你這個連接要用代理. 不然的話, 可能你的 html, css, js這些靜態資源都跑去代理. 所以我們只要接口用代理, 靜態文件用本地.
'/iclient': {}, 就是告訴node, 我接口只要是'/iclient'開頭的才用代理.所以你的接口就要這么寫 /iclient/xx/xx. 最后代理的路徑就是 http://xxx.xx.com/iclient/xx/xx.
可是不對啊, 我正確的接口路徑里面沒有/iclient啊. 所以就需要 pathRewrite,用''^/iclient'':'', 把'/iclient'去掉, 這樣既能有正確標識, 又能在請求接口的時候去掉iclient.