在Vue-cli项目中，为实现打包后更改请求URL，可在public目录下创建config.js，定义配置对象。在index.html引入此文件，并在Vue组件中使用URLCONFIG变量。若需处理跨域，可配置代理，或者直接使用axios拼接完整URL。打包后的dist文件夹内，config.js可直接编辑。
配置vue-cli工程在打包后更改请求的url
在index.html的目录下也就是public文件夹下新建一个config.js文件，里面const一个配置对象（红色波浪符号是esLint，不用管）：
然后在index.html的head里面通过script添加，这里需要加入<%= BASE_URL %>在前面作为定位：
接下来就可以在各个vue文件里面使用URLCONFIG来获取设置的url。
可以跨域请求那里设置confic.js文件里面的地址，然后处理跨域。我们的项目目前没有设置跨域代理，直接axio拼接完整url的方式来进行。就不展开了。
这样public文件夹里的内容是不打包的能够在dist文件夹里面找到config.js，可以通过记事本打开进行修改：
最低0.47元/天 解锁文章
扫一扫
5682
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
