// 环境的切换
if (process.env.NODE_ENV == 'development') {
axios.defaults.baseURL = 'https://www.baidu.com';}
else if (process.env.NODE_ENV == 'debug') {
axios.defaults.baseURL = 'https://www.ceshi.com';
}
else if (process.env.NODE_ENV == 'production') {
axios.defaults.baseURL = 'https://www.production.com';
}
第一步 : 建立两个文件 项目最外层
.env.production vue-cli-service serve 用于启动本地
.env.development vue-cli-service build 和 vue-cli-service test:e2e 用于构建和测试
VUE_APP_BASE_API = “接口url” 写上结构url
开发环境
module.exports = { // 生产开发环境下配置
NODE_ENV = 'production'
VUE_APP_BASE_API = 'http://localhost:8085' //请求后台域名
VUE_APP_VERSION = '0.0.1' // 版本号
}
生产
module.exports = { // 开发环境下配置
NODE_ENV = 'development'
VUE_APP_BASE_API = 'http://localhost:8080' // 接口域名
VUE_APP_VERSION = '0.0.2' // 版本号
}
生产打包后本地预览
npm install -g se
serve -s dist
axios url
axios.defaults.baseURL = process.env.VUE_APP_BASE_API