vue-cli动态配置代理

vue-cli动态配置代理

项目开发中需要连接后端本地服务获取数据，就需要为项目设置代理，使用vue-cli脚手架生成的项目配置代理如下：

希望在启动项目时，将代理地址通过参数的形式传递进去，避免每次进入到config/index.js文件中手动修改代理地址参数，从而实现动态代理：

在config/index.js文件中进行配置：

获取传入的代理地址参数：

配置代理地址：

启动项目，可以看到打印的结果：

参考文献：

[1] vue-cli本地环境API代理设置和解决跨域

[2] vuejs添加环境常量----多环境开发打包场景解决方案之一

[3] vue-cli項目開發/生產環境代理實現跨域請求+webpack配置開發/生產環境的接口地址