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
相关推荐
天空属于哈夫克3几秒前
企业微信实现外部群消息的主动推送?
前端·chrome·企业微信
咬人喵喵几秒前
16 类春节核心 SVG 交互方案拆解(E2 编辑器实战)
前端·css·编辑器·交互·svg
李永吉4 分钟前
一款便捷的npm源管理工具nrm
前端·npm·node.js
h_jQuery5 分钟前
vue项目中使用canvas实现手写文字(批注)功能
开发语言·前端·javascript
winfredzhang8 分钟前
[全栈实战] 从零打造一个“沉浸式”私人云端阅读器 (Node.js + EPUB.js)
javascript·css·node.js·html·extjs·epub阅读器
IT_陈寒11 分钟前
Vite 5大性能优化实战:从3秒到300毫秒的构建速度跃迁
前端·人工智能·后端
duanyuehuan13 分钟前
|| ?. ?? ??= 4种操作符
前端·javascript·vue.js
前端 贾公子17 分钟前
commitlint安装和配置使用教程
前端
指尖跳动的光18 分钟前
DNS协议
前端·网络
xkxnq21 分钟前
第一阶段:Vue 基础入门(第 8 天)
前端·vue.js·flutter