1、创建在根目录下
2、命名格式:命名分为 开发环境、测试环境、生产环境
一、环境变量写法方式
.env 基础系统变量,无论何种环境,都可使用其中配置的值,其他环境中的变量会覆盖.env中的同名变量。
.env.development 开发环境
.env.production 生产环境
.env.stage 测试环境
3、内容格式
例子写法:vue2 使用是以 VUE_开头
vue3使用vite进行编译,所以变量都要以 VITE_ 开头,例如.env.development中
NODE_ENV='development'
# must start with VUE_APP_
VUE_APP_ BB= 'development'
# 本地环境
VUE_APP_BB = '/api' (开发环境Title)
二、使用多环境配置,package.json文件:用于build 打包配置
"scripts": {
"dev": "vue-cli-service serve --open",
"prod": "vue-cli-service build --mode production",
"stage": "vue-cli-service build --mode staging",
},
vue3 写法示例:
"scripts": {
"dev": "vite --mode development",
"stage": "vite --mode staging",
"prod": "vite --mode production",
"preview": "vite preview",
"build": "vite build",
"build:dev": "vite build --mode development",
"build:prod": "vite build --mode production",
"build:stage": "vite build --mode staging"
},