vue中baseurl_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