vue打包之后配置统一请求地址

由于项目需要在多个服务器部署，每次修改请求地址之后再打包又会很麻烦，所以需要配置一个打包之后的请求地址，经多次查找并尝试，终于解决

1.第一步

在public文件夹下新建一个config.js文件,并添加如下内容

window.PLATFROM_CONFIG = {
  baseURL: "打包之后请求的地址"
}

2.第二步

在index.html文件中引入

3.第三步

在封装的网络请求文件中设置默认请求地址

axios.defaults.baseURL = window.PLATFROM_CONFIG.baseURL

打包后的文件结构如下，正式环境中直接修改此配置即可

总结：网上的解决方案大概有三种。
第一种：通过配置copy-webpack-plugin来让webpack忽略打包
第二种：利用webpack在打包时不会打包static文件夹，在文件夹中新增配置文件达到效果
第三种：本地请求json文件，在main.js中将其放到vue的原型实现
综合二三，解决了此问题

另：如果使用ts进行开发这种写法会报错，解决方案见我的另一篇文章vue3踩坑记录问题3