Vue项目打包后，为方便修改服务器API地址，可在static目录下创建config.json，不被webpack打包，main.js中引入该配置，通过api.js或封装的请求方法获取地址。打包后，dist/static内会有config.json，使用http-server或anywhere搭建本地服务器，修改config.json后刷新页面，API地址即更新。
vue项目打包后生成一个配置文件可以修改打包后的服务器api地址
问题描述：vue项目打包上线之后，如果要改服务器api地址，只能在源码更改然后重新打包发布，为了解决这个问题，我们可以在static增加一个config.json文件，然后打包的时候它不会被打包，从而在里面修改服务器地址，这样就不用在源码更改。
我觉得这是最简单的办法，不用修改build里面webpack.prod.conf配置文件
1.在static创建config.json文件
以上是需要更改的三个文件
//服务器ip地址
{
"ApiUrl":"http://192.168.0.158"}
2.在main.js加入以下代码
//要引入axios才能用
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
