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
相关推荐
o***Z44829 分钟前
前端无障碍开发检查清单,WCAG合规
前端
摇滚侠35 分钟前
Vue 项目实战《尚医通》,预约挂号的路由与静态搭建,笔记36
javascript·vue.js·笔记
码上成长38 分钟前
React 18 并发特性:useTransition 和 useDeferredValue 动画级解释
javascript·react.js·ecmascript
浩星43 分钟前
vue3+datav实现大屏效果
vue.js·datav·大屏
J***Q2921 小时前
前端CSS架构模式,BEM与ITCSS
前端·css
百***68041 小时前
Vue项目中 安装及使用Sass(scss)
vue.js·sass·scss
G***T6912 小时前
React性能优化实战,避免不必要的重渲染
前端·javascript·react.js
q***d1732 小时前
前端微前端部署方案,Nginx与Webpack
前端·nginx·webpack
y***54882 小时前
前端构建工具扩展,Webpack插件开发
前端·webpack·node.js
4***14902 小时前
前端构建工具多页面配置,Webpack与Vite
前端·webpack·node.js