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 小时前
绘制K线第二章:背景网格绘制
android·前端·架构
计算机毕设VX:Fegn08955 小时前
计算机毕业设计|基于springboot + vue医院设备管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
明天好,会的5 小时前
分形生成实验(五):人机协同破局--30万token揭示Actix-web状态管理的微妙边界
运维·服务器·前端
C_心欲无痕6 小时前
nginx - alias 和 root 的区别详解
运维·前端·nginx
北辰alk6 小时前
Vue 路由信息获取全攻略:8 种方法深度解析
vue.js
北辰alk6 小时前
Vue 三剑客:组件、插件、插槽的深度辨析
vue.js
北辰alk6 小时前
Vue Watch 立即执行:5 种初始化调用方案全解析
vue.js
北辰alk6 小时前
Vue 组件模板的 7 种定义方式:从基础到高级的完整指南
vue.js
北辰alk6 小时前
深入理解 Vue 生命周期:created 与 mounted 的核心差异与实战指南
vue.js