vue项目后，生成一个可以修改服务器地址的配置文件

刚做了一个vue的项目，在打包部署完成后领导要求能否修改api的地址，而不是前端修改再打包再发布。因为这个项目是卖给客户的，不同的客户服务器地址肯定不一样，因为项目着急测试和上线，就在网上找了一个最简单的方法，很多介绍webpack配置的，自己没研究明白，所以暂时先把这个简单方法总结一下！
主要有以下几个步骤：

1. 首先在static目录下创建一个config.js文件，因为webpack打包，不会把static文件打包，所以直接写这里了。
   
   里面添加服务器ip及端口地址 window.g是一个全局变量
   
   2.在index.html中添加引入此js
   
   3.然后在接口拦截器那边去设置和使用ip及端口地址 将原来的url替换为window.g.BASE_URL
   
   4.测试 在首页加载页面中添加打印变量 console.log(window.g.BSAE_URL) 发现可以打印出来 测试成功！
   
   5.安装anywhere ，然后再打包后的dist文件输入命令，这个时候就是模拟的服务器，就可以看到效果了。