vue-cli3 配置生产环境和开发环境下的接口地址

1.创建文件

首先根目录下创建两个文件.env.development和 .env.production

.env.development 开发环境变量
.env.production 生产环境变量

.env.development文件中内容是：VUE_APP_URL_DEVELOPMENT = ‘http://192.168.10.101:8080’（开发环境下的接口地址）
.env.development文件中内容是：VUE_APP_URL_PRODUCTION = ‘http://192.168.10.111:8080’（生产环境下的接口地址）
这里面的VUE_APP_是固定的，后面的可以自己命名。

2.查看package.json

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },

看是否是这样配置的，npm run server 默认选中开发环境.env.development
npm run build 会执行.env.production 。