关于前端:Vue-configpublicPath与BASEURL

在vue我的项目中，与vue.config.js同级目录下会默认生成两个环境变量文件，.env 和 .env.development

在vue的默认配置中 npm run serve 默认环境变量NODE_ENV 是“development”，因而会加载.env.development中的环境变量。
而 npm run build 默认环境变量NODE_ENV 是 “production”，因而会加载.env中的环境变量

留神一个非凡的状况，环境变量.env文件（包含.env和.env.development以及其余.env文件）中的变量BASE_URL会被vue.config.js中 publicPath变量笼罩。

举例如下：

// .env
BASE_URL=’release/’
APP_BASE_URL=’app/release/’

// vue.config.js
module.exports = {
publicPath: ‘public/’
}

运行前端我的项目，打印BASE_URL和APP_BASE_URL
// main.js
console.log(process.env.BASE_URL) // ‘public/’ (被publicPath笼罩)
console.log(process.env.APP_BASE_URL) // ‘app/release/’

因而如果须要在依据环境不同别离自定义url(如用作axios的baseUrl) 就不要应用BASE_URL这个变量名，改用其余变量名如APP_BASE_URL。

同步更新在本人的语雀：
https://www.yuque.com/dirackeeko/blog/bqgv2r