【vue打包多环境配置方案】

不同指令打包不同环境的包

1. 首先安装插件 yarn add process
   ps: 因为之前找的一些文章没让安装插件笔者一直拿不到数据
   只有在main.js文件中可以拿到，安装插件后才正常拿到了

2. 在根目录创建.env.production文件

//.env.production
NODE_ENV = 'production' //环境标识
VUE_APP_URL = 'http://xxxxxx/xxxx'  //对应的环境地址

3. 在请求中配置文件

在这里判断一下
import process from 'process'

let baseURL = wod.prod.baseURL //正常情况下
//不同环境启动的时候改变请求头
if (process.env.NODE_ENV === 'production') {
  baseURL = process.env.VUE_APP_URL
}
const api = axios.create({ //超时时间 及 请求头
  baseURL: baseURL,
  timeout: 100000
})

4. json文件中设置一下

	 "bulid:production": "vue-cli-service build --mode production",
     "dev:production": "vue-cli-service serve --mode production"

希望可以帮到你