Vue cli3 baseurl设置

// 环境的切换
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