vue 多环境文件配置(开发,测试,生产)

1.经常我们在开发时候会有不同环境,要代理的路由等等都会出现不同

配置一下三个文件打包的时候,执行三个不同的指令就会打包不同的环境

javascript 复制代码
npm run build:dev
npm run build:test
npm run build:prod

package.json 中配置scripts 指令

以,env.development 为例子

javascript 复制代码
# 环境配置
ENV = 'development'
# 页面标题
VUE_APP_TITLE = ''
# 端口配置
PORT = 8080
# 接口路径开头
VUE_APP_BASE_API = '/'
命名一定要注意以VUE_APP  开头否则会获取不到
使用在vue中 process.env.VUE_APP_BASE_API
相关推荐
yqcoder1 天前
CSS 迷思破解:`:nth-child` vs `:nth-of-type`
前端·css
时寒的笔记1 天前
某陆飞11期_webpack案例
前端·webpack·node.js
漫游的渔夫1 天前
前端开发者做多步 Agent:别让 AI 边想边乱跑,用 Plan-Act-Observe 稳住 4 步任务
前端·人工智能·typescript
武帝为此1 天前
【Selenium 执行 JavaScript】
javascript·selenium·测试工具
一锤捌拾1 天前
V8引擎精品漫游指南--Ignition篇(下 一) 动态执行前的事情
前端·javascript
遇见~未来1 天前
第六篇_CSS进阶_深入浏览器与工程化
前端·css·rust
Cache技术分享1 天前
397. Java 文件操作基础 - 创建常规文件与临时文件
前端·后端
Daybreak1 天前
Vercel Serverless 调国内 AI 接口 504?Edge Runtime 救了我
前端
Elastic 中国社区官方博客1 天前
用于 JavaScript 和 TypeScript 的 ES|QL 查询构建器:流式、类型安全的查询构建
大数据·javascript·数据库·elasticsearch·搜索引擎·typescript·全文检索
zubylon1 天前
Ollama 本地起一个开发助手
前端·人工智能