Vue3.0教程 （三）开发环境和生产环境变量

1、开发环境、生产环境变量

1、创建文件

.env.development  // 开发环境
.env.production   // 生产环境

2、文件说明

// .env.development
//  必须以VITE 开头
# 开发环境配置
VITE_APP_ENV = 'development'

# 开发环境
# VITE_APP_BASE_API = 'http://110.42.146.213/Meiam'
VITE_APP_BASE_API = 'http://192.168.31.139/Meiam'

// .env.production
//  必须以VITE 开头
# 生产环境
VITE_APP_ENV = 'production'

# 生产环境
VITE_APP_BASE_API = 'http://110.42.146.213/Meiam'

3、vue3引入

import.meta.env.VITE_APP_BASE_API  //  http://110.42.146.213/Meiam