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
相关推荐
兔老大的胡萝卜几秒前
pm2 部署nuxt4项目
javascript·nuxt4
阿蒙Amon3 分钟前
JavaScript学习笔记:17.闭包
javascript·笔记·学习
elangyipi1233 分钟前
深入理解前端项目中的 package.json 和 package-lock.json
前端·json
Wpa.wk5 分钟前
自动化测试 - 文件上传 和 弹窗处理
开发语言·javascript·自动化测试·经验分享·爬虫·python·selenium
l1t8 分钟前
利用小米mimo为精确覆盖矩形问题C程序添加打乱函数求出更大的解
c语言·开发语言·javascript·人工智能·算法
LYFlied16 分钟前
【算法解题模板】-【回溯】----“试错式”问题解决利器
前端·数据结构·算法·leetcode·面试·职场和发展
composurext16 分钟前
录音切片上传
前端·javascript·css
程序员小寒17 分钟前
前端高频面试题:深拷贝和浅拷贝的区别?
前端·javascript·面试
狮子座的男孩22 分钟前
html+css基础:07、css2的复合选择器_伪类选择器(概念、动态伪类、结构伪类(核心)、否定伪类、UI伪类、目标伪类、语言伪类)及伪元素选择器
前端·css·经验分享·html·伪类选择器·伪元素选择器·结构伪类
zhougl99623 分钟前
Vue 中的 `render` 函数
前端·javascript·vue.js