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
相关推荐
摘星编程19 分钟前
React Native for OpenHarmony 实战:VirtualizedList 虚拟化列表
javascript·react native·react.js
谢尔登38 分钟前
Vue3 响应式系统——computed 和 watch
前端·架构
愚公移码40 分钟前
蓝凌EKP产品:主文档权限机制浅析
java·前端·数据库·蓝凌
摘星编程1 小时前
React Native for OpenHarmony 实战:RefreshControl 下拉刷新组件
javascript·react native·react.js
欣然~2 小时前
法律案例 PDF 批量转 TXT 工具代码
linux·前端·python
一个小废渣2 小时前
Flutter Web端网络请求跨域错误解决方法
前端·flutter
鸣弦artha3 小时前
Flutter框架跨平台鸿蒙开发——Extension扩展方法
android·javascript·flutter
符文师3 小时前
css3 新特性
前端·css3
ct9783 小时前
WebGL开发
前端·gis·webgl
C_心欲无痕4 小时前
前端页面渲染方式:CSR、SSR、SSG
前端