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
相关推荐
@菜菜_达30 分钟前
interact.js 前端拖拽插件
开发语言·前端·javascript
Baklib梅梅36 分钟前
故事叙述的力量:用Baklib创作让内容更具温度与共鸣
前端·ruby on rails·前端框架·ruby
一个假的前端男1 小时前
uniapp 3端轮播
前端·javascript·uni-app
Fantasydg2 小时前
Request Response对象
前端
Wect2 小时前
学习React-DnD:核心组件与Hooks
前端
humors2212 小时前
前端开发案例(不定期更新)
前端·vue.js·elementui·ruoyi·若依
菠萝+冰2 小时前
npm中-d -g 和默认安装的区别
前端·npm·node.js
心随雨下3 小时前
Flutter Material 3设计语言详解
javascript·flutter·设计语言
一路向北North3 小时前
网页版预编译SQL转换工具
前端·javascript·sql
拿不拿铁194 小时前
Vite 5.x 开发模式启动流程分析
前端