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
相关推荐
谷哥的小弟11 分钟前
HTML5新手练习项目—ToDo清单(附源码)
前端·源码·html5·项目
pusheng202525 分钟前
地下车库一氧化碳监测的技术挑战与解决方案
前端·安全
成为大佬先秃头28 分钟前
渐进式JavaScript框架:Vue — API
开发语言·javascript·vue.js
先做个垃圾出来………39 分钟前
搜索树完整
开发语言·javascript·ecmascript
ResponseState2001 小时前
安卓原生写uniapp插件手把手教学调试、打包、发布。
前端·uni-app
阿赵3D1 小时前
JavaScript学习笔记——11、正则表达式
javascript·笔记·学习·正则表达式
颜酱1 小时前
SourceMap 深度解析:从映射原理到线上监控落地
前端·javascript
LYOBOYI1231 小时前
qt的事件传播机制
java·前端·qt
IT_陈寒1 小时前
Python 3.12 性能优化:5 个鲜为人知但提升显著的技巧让你的代码快如闪电
前端·人工智能·后端
军军君011 小时前
Three.js基础功能学习二:场景图与材质
前端·javascript·学习·3d·材质·three·三维