vue开发环境 生产环境配置

vue开发环境 生产环境配置
首先生成三个文件
.env
.env.development
.env.production

他会根据你运行的环境 去自动走相应的文件
.env

NODE_ENV = 'production'
VUE_APP_FLAG = 'pro'

.env.development

VUE_APP_BASE_API=   http   //开发环境的域名
VUE_APP_ENV=development

.env.production

NODE_ENV=production
VUE_APP_BASE_API= http   //生产环境域名
VUE_APP_ENV=production

我在这里里面封装了axios 在axios 里面直接引用就可以 此文件是.js文件

import axios from "axios"
import qs from "qs"

axios.defaults.baseURL = process.env.VUE_APP_BASE_API;  //根据环境所配置的域名
export default http;

这个时候基本就可以了 如果有跨域问题的话可以去vue.config.js里面去配置 3.0版本的没有config文件夹 自己去新建一个vue.config.js文件与src同级