vue cli配置环境变量并使用

1.在根路径下创建.env文件

2.写.env文件内容

文件里存储的值的key要以 VUE_APP 开头

复制代码
VUE_APP
复制代码
VUE_APP_PUBLIC_PATH='/'
复制代码
VUE_APP_PUBLIC_PATH='/helper/'

3.使用

复制代码
publicPath: process.env.VUE_APP_PUBLIC_PATH,

4.配置package.json

复制代码
    "serve:production": "vue-cli-service serve --mode production",
    "build:production": "vue-cli-service build --mode production",

5.使用环境变量打包

复制代码
npm run build:production
相关推荐
谎言西西里4 分钟前
彻底搞懂 JavaScript 的 this:从陷阱到解决方案
javascript
小明记账簿_微信小程序4 分钟前
手写一个webpack插件(plugin)
前端
我命由我1234511 分钟前
微信小程序 - scroll-view 的一些要点(scroll-view 需要设置滚动方向、scroll-view 需要设置高度)
开发语言·前端·javascript·微信小程序·小程序·前端框架·js
BD_Marathon19 分钟前
【JavaWeb】CSS浮动
前端·css
1024肥宅23 分钟前
手写 Promise:深入理解 JavaScript 异步编程的核心
前端·javascript·promise
铅笔侠_小龙虾26 分钟前
Vue 学习目录
前端·vue.js·学习
zhousenshan26 分钟前
Vite 前端构建工具
vue.js
悟能不能悟28 分钟前
vue的history和hash模式有什么不一样
前端·vue.js
晓庆的故事簿28 分钟前
前端的浏览器地址传参
前端
Uso_Magic38 分钟前
VOL问题记录!!!
vue.js