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
相关推荐
c***V3235 分钟前
前端构建工具发展,esbuild与swc性能
前端
u***u6855 分钟前
前端构建工具多环境配置,开发与生产
前端
U***e636 分钟前
前端构建工具迁移,Webpack到Vite
前端·webpack·node.js
Ustinian_31029 分钟前
【HTML】前端工具箱实现【文本处理/JSON工具/加解密/校验和/ASCII/时间戳转换等】【附完整源代码】
前端·html·json
s9123601011 小时前
【Rust】使用lldb 调试core dump
前端·javascript·rust
前端开发呀1 小时前
🔥 99%由 Trae AI 开发的 React KeepAlive 组件,竟然如此优雅!✨
前端·trae
不是鱼1 小时前
Canvas学习笔记(一)
前端·javascript·canvas
我有一棵树2 小时前
React 中 useRef 和 useState 的使用场景区别
前端·javascript·react.js
喵个咪2 小时前
Qt6 QML 实现DateTimePicker组件
前端·qt
yinuo2 小时前
CSS奇技淫巧:用你意想不到的4种属性实现裁剪遮罩效果
前端