鍍金池/ 問答/人工智能  網(wǎng)絡(luò)安全  HTML/ webpack的proxyTable如何設(shè)置多個target（正向代理至多臺不同

webpack的proxyTable如何設(shè)置多個target（正向代理至多臺不同的目標(biāo)主機(jī)）

由于公司服務(wù)器資源緊張，在用vue做開發(fā)時，時不時要手動切換三臺不同api服務(wù)器的地址，以解決發(fā)請求時跨域的問題

三個代理服務(wù)器的target如下

如圖，由于1,2,3號api服務(wù)器不定時隨機(jī)崩潰···所以webpack配置的代理目標(biāo)地址經(jīng)常要手動切換，并且之后重新npm run dev

有時npm run dev完成時發(fā)現(xiàn)剛改的那個target還是504···又要換一個重來一次···

這大大浪費了前端的開發(fā)時間···

如何配置多個目標(biāo)主機(jī)的代理？

最好還能在其中某個目標(biāo)主機(jī)訪問拋出error的時候，自動切換下一個重新npm run dev，直至成功？

已嘗試：https://www.npmjs.com/package... 無效，求助 T^T

回答
編輯回答
不將就

https://webpack.js.org/config... webpack官方地址，你看一下

2018年4月27日 18:21
編輯回答
久愛她

找到了折中的替代方案：

0.解決多個API服務(wù)器地址手動切換后需重新編譯（但是它不能解決跨域問題，要解決跨域需結(jié)合后面所說的修改chrome配置）：

使用axios全局url配置多個目標(biāo)主機(jī)地址，不過仍需要手動切換。但比起proxyTable的優(yōu)點是，無需停掉服務(wù)后重新run dev，會自動重新編譯

clipboard.png

1.解決訪問API服務(wù)器跨域的問題：

百度一下chrome更改配置解決ajax跨域

2017年7月5日 01:16
編輯回答
野橘

直接配置一個跨域chrome吧，從此免去跨域煩惱
https://www.cnblogs.com/cshi/...

2017年12月14日 07:04