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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！