最近写一个vue的商城项目，项目里需要用到好几个接口地址，比如大部分接口是调用商城地址，上传图片和获取短信二维码是在另一个java接口地址，然后页面里的论坛资讯需要调论坛的接口地址，然后不同的环境切换不同的地址，话不多说，上代码：
image.png
找到config文件下的dev.config.js,test.env.js,prod.env.js，分别是开发环境，预发布环境，生产环境
打开dev.config.js
image.png
配置不同的接口地址对应的变量
注意：NODE_ENV: '"development"'里的‘development’必须要配置，代表这是开发环境
同理，预发布环境和生产环境也是这么配置
test.env.js
image.png
prod.env.js
image.png
打开config下的index.js：
image.png
npm run dev后就会用的dev.env.js里面的环境变量
image.png
这样npm run build打包就走的是生产环境的配置了
build文件夹下的webpack.dev.conf.js：
image.png
同理，webpack.prod.conf.js下也按照这种方式配置：
image.png
项目用的是webpack打包方式，所以package.json里：
image.png
这样配置不同环境下的多后台地址就配置好了
