VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址

原创 Sakura 教程 Vue 51阅读 17 天前 举报

vue脚手架安装好,可以等到项目结构都出来后,准备添加接口时,来配置生产环境与发布环境不同的接口地址。

第一步,分别设置不同的接口地址
首先找到项目中config文件:
config/dev.env.js
config/prod.env.js

其实这两个文件就是针对生产环境与发布环境设置不同参数的文件。我们打开dev.env.js文件,代码如下

好,我们再NODE_DEV下面添加一行,代码如下

然后编辑prod.env.js文件,同样再NODE_DEV下添加一行,代码如下

好,分别设置的路径有了,下面就是怎么调用的问题了

第二步,在代码中调用设置好的参数
相信此时,已经完成了vue接口axios插件的一些拦截配置的东东,打开你所在的请求拦截器文件,如/src/config/api.js,将默认的接口地址改为

经过以上的配置,就可以运行了

npm run dev

走起

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复