刚做了一个vue的项目,在打包部署完成后领导要求能否修改api的地址,而不是前端修改再打包再发布。因为这个项目是卖给客户的,不同的客户服务器地址肯定不一样,因为项目着急测试和上线,就在网上找了一个最简单的方法,很多介绍webpack配置的,自己没研究明白,所以暂时先把这个简单方法总结一下!
主要有以下几个步骤:
- 首先在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文件输入命令,这个时候就是模拟的服务器,就可以看到效果了。