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
相关推荐
littleplayer9 分钟前
SwiftUI 导航
前端
用户924262570073110 分钟前
Vue 组件入门学习笔记:局部注册、全局注册与 Props 传值详解
前端
华仔啊12 分钟前
开源一款 SpringBoot3 + Vue3 数据库文档工具,自动生成 Markdown/HTML
vue.js·spring boot·后端
云枫晖17 分钟前
Webpack系列-构建性能优化实战:从开发到生产
前端·webpack·性能优化
Patrick_Wilson36 分钟前
AI会如何评价一名前端工程师的技术人格
前端·typescript·ai编程
顾安r41 分钟前
11.10 脚本算法 五子棋 「重要」
服务器·前端·javascript·游戏·flask
一枚前端小能手1 小时前
「周更第11期」实用JS库推荐:Pinia
前端·javascript·vue.js
kirinlau1 小时前
requst payload和query string parameters
前端·javascript
合作小小程序员小小店1 小时前
web网页开发,在线%就业信息管理%系统,基于idea,html,layui,java,springboot,mysql。
java·前端·spring boot·后端·intellij-idea
刘一说1 小时前
在 Web 地图上可视化遥感数据:以芜湖市为例
前端·遥感