Vue项目避免重复打包,动态修改ip

416 阅读1分钟

背景:避免重复打包引发各种错误,多次部署预发环境和生产环境的问题

方案:前端按以下三步操作即可,运维同事修改config.js中baseUrl地址即可

1、在根目录下的public文件夹下新建一个可配置的config.js文件,填写请求的接口地址

image.png

2、在根目录下的public文件夹下的index.html文件中引入config文件

image.png

3、在目录src/utils/ajax.js文件中修改预发环境和生产环境baseUrl配置,测试和开发环境正常走之前的逻辑,本地开发启动项目不受影响

image.png