技术栈

vue cli配置环境变量并使用

2301_789169542024-10-15 1:07

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
上一篇:docker远程端口
下一篇:Docker Overlay2 空间优化
相关推荐
Hello--_--World
4 分钟前
浏览器同源策略与跨域问题
javascript
yuqifang
7 分钟前
vue3+typescript+vite封装自己的UI组件库并上传至npm
vue.js·arkui
黄林晴
8 分钟前
第一次听到 Tauri 这个词,去学习一下
前端
零瓶水Herwt
8 分钟前
JavaScript对象继承常用详解
javascript
可可爱爱的你吖
15 分钟前
蜂鸟云地图简单实现
前端
布局呆星
17 分钟前
Vue3 :生命周期、DOM 操作与自定义组合式函数
前端·javascript·vue.js
147API
25 分钟前
多模型路由规则设计实战:第一版系统别做成黑盒
服务器·前端·javascript
xcjbqd0
35 分钟前
CSS中隐藏元素的多重技巧与应用场景
前端·css
Ruihong
35 分钟前
你的 Vue 3 <script setup>,VuReact 会编译成完整的 React 组件
vue.js·react.js·面试
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点032026 年 AI 编程助手全面对比评测:Cursor vs Copilot vs Claude Code vs GitHub Copilot Free04一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛05GPT-6发布日深度解析-Symphony架构200万Token实战06基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南07AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析08GPT-6核心能力解析及与现有主流大模型对比09零成本!Ollama本地部署国产大模型全指南(支持Kimi-K2.5/GLM-5/Qwen,新手秒上手)10从限购到畅通:GLM-5.1 Coding Plan接入攻略