关于前端:Vue-configpublicPath与BASEURL

52次阅读

共计 691 个字符,预计需要花费 2 分钟才能阅读完成。

在 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

正文完
 0