vue项目配置生产环境和发布环境的接口地址

1.设置不同的接口地址

先找到以下文件

/config/dev.env.js

/config/prod.env.js

可以看到dev.env.js里面内容如下:

这是生产环境的参数配置,然后我们可以再上面文件加入一行代码,如下:

这就是本地测试环境请求后台接口的域名

然后找到prod.env.js文件,如下:

我们加入一行代码,如下:

这是我们上传服务器以后,请求后台接口的域名

2.在代码中调用设置好的参数

将配置好的接口地址作为baseURL拼接到接口路径中,应用参数部分如下:

最后重新启动项目就可以了,当npm run dev的时候就运行在生产环境,当npm run build的时候就是正式的线上环境.

参考网站：blog.csdn.net/sxy18475895…

转载于:https://juejin.im/post/5c354bf151882525eb362cab