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
相关推荐
行走在顶尖12 小时前
vue3项目搭建基础
前端
sudo_明天上线13 小时前
React 核心深度解析:调度、协调与提交的闭环全解
前端
广州华水科技13 小时前
单北斗GNSS在变形监测中的应用与发展新趋势
前端
宁雨桥13 小时前
详解Web服务部署:IP+端口 vs IP+端口+目录 实战指南
前端·网络协议·tcp/ip
chengbo_eva13 小时前
大前端全栈实践-基于nodejs实现服务端内核引擎
前端
一颗奇趣蛋13 小时前
哨兵模式-无限滚动
前端
爱分享的鱼鱼13 小时前
Element Plus 日期选择器(DatePicker)深度解析:从基础用法到高级定制
前端
paterWang13 小时前
基于SpringBoot+Vue的鞋类商品购物商城系统的设计与实现
vue.js·spring boot·后端
evle13 小时前
从 Recoil 的兴衰看前端状态管理的技术选型
前端·react.js
恋猫de小郭14 小时前
Flutter 2026 Roadmap 发布,未来计划是什么?
android·前端·flutter