webpack的proxyTable如何设置多个target（正向代理至多台不同的目标主机）

Question

由于公司服务器资源紧张，在用vue做开发时，时不时要手动切换三台不同api服务器的地址，以解决发请求时跨域的问题

如图，由于1,2,3号api服务器不定时随机崩溃···所以webpack配置的代理目标地址经常要手动切换，并且之后重新npm run dev

有时npm run dev完成时发现刚改的那个target还是504···又要换一个重来一次···

这大大浪费了前端的开发时间···

如何配置多个目标主机的代理？

最好还能在其中某个目标主机访问抛出error的时候，自动切换下一个重新npm run dev，直至成功？

已尝试：https://www.npmjs.com/package... 无效，求助 T^T

Answer 1

找到了折中的替代方案：

---

0.解决多个API服务器地址手动切换后需重新编译（但是它不能解决跨域问题，要解决跨域需结合后面所说的修改chrome配置）：

使用axios全局url配置多个目标主机地址，不过仍需要手动切换。但比起proxyTable的优点是，无需停掉服务后重新run dev，会自动重新编译

---

1.解决访问API服务器跨域的问题：

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

Answer 2

直接配置一个跨域chrome吧，从此免去跨域烦恼
https://www.cnblogs.com/cshi/...

Answer 3

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