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
相关推荐
chilavert31815 分钟前
技术演进中的开发沉思-284 计算机原理:二进制核心原理
javascript·ajax·计算机原理
罗技12317 分钟前
Easysearch 集群监控实战(下):线程池、索引、查询、段合并性能指标详解
前端·javascript·算法
XiaoYu200231 分钟前
第3章 Nest.js拦截器
前端·ai编程·nestjs
千寻girling37 分钟前
面试官 : “ 说一下 Map 和 WeakMap 的区别 ? ”
前端·javascript·面试
2501_9240641142 分钟前
2025年主流Web自动化测试工具功能与适用场景对比
前端·测试工具·自动化
可触的未来,发芽的智生1 小时前
一万个为什么:频率和相位
javascript·人工智能·python·程序人生·自然语言处理
IT_陈寒1 小时前
Vite 5 实战:7个鲜为人知的配置技巧让构建速度提升200%
前端·人工智能·后端
gg159357284601 小时前
JavaScript 核心基础
前端·javascript·vue.js
Stanford_11061 小时前
【2026新年启程】学习之路,探索之路,技术之路,成长之路……都与你同行!!!
前端·c++·学习·微信小程序·排序算法·微信开放平台
打小就很皮...1 小时前
网页包装为桌面应用(Nativefier版)
前端·桌面应用·nativefier