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
相关推荐
Rysxt_18 小时前
Vue 3 项目核心:main.ts 文件的作用与配置详解
前端·javascript·vue.js
就叫飞六吧18 小时前
基于spring web实现简单分片上传demo
java·前端·spring
AAA阿giao18 小时前
拼乐高式开发:深入剖析 React 组件通信、弹窗设计与样式管理
开发语言·前端·javascript·react.js·前端框架·props·components
lvbinemail18 小时前
svn的web管理后台服务svnWebUI
运维·前端·svn·jar
Violet_YSWY18 小时前
Promise 讲解
前端
软件开发技术深度爱好者18 小时前
数学公式生成器HTML版
前端·html
Marshmallowc19 小时前
CSS 布局原理:为何“负边距”是栅格系统的基石?
前端·css·面试
Rysxt_19 小时前
Vue 3 项目核心:App.vue 文件的作用与配置详解
前端·javascript·vue.js
洛阳纸贵19 小时前
JAVA高级工程师--Maven父子关系专题
java·前端·maven
imkaifan19 小时前
10、vue3中针对图片的处理
前端·javascript·vue.js