vue多环境变量配置

vuecli3.0搭建的vue项目。配置多个环境变量

新建两个或多个文件，和package.json同级；例如：.env.dev，.env.prod

 

截图

文件内容：

.env.dev

.env.prod

在网络请求的地方设置接口环境，也可以在页面中输出console.log(process.env.VUE_APP_API_URL);

请求文件

最后在package.json中配置：

 

配置

打包命令：npm run build:dev(就是.env.dev文件中设置的接口域名)

npm run build:prod(.env.prod文件中设置的接口域名)

运行命令：npm run dev;npm run prod(同理打包)；