zbb 9b8d7c7892 ✨ feat:init 3 hours ago
..
README.md 9b8d7c7892 ✨ feat:init 3 hours ago
env.development.js 9b8d7c7892 ✨ feat:init 3 hours ago
env.production.js 9b8d7c7892 ✨ feat:init 3 hours ago
index.js 9b8d7c7892 ✨ feat:init 3 hours ago

README.md

环境配置说明

目录结构

config/
├── index.js              # 配置入口
├── env.development.js    # 开发环境
├── env.test.js           # 测试环境
├── env.production.js     # 生产环境
└── README.md             # 使用说明

切换环境

编辑 config/index.js 文件,修改 CURRENT_ENV 变量:

// 手动修改此处切换环境:development | test | production
const CURRENT_ENV = 'development'

配置项说明

每个环境文件包含以下配置:

配置项 类型 说明
env string 环境标识
baseUrl string API 基础地址
timeout number 请求超时时间 (ms)
appName string 应用名称
appVersion string 应用版本
appId string 微信小程序 AppID
debug boolean 是否开启调试模式
enableLog boolean 是否打印日志

使用方式

方式一:在 Vue 组件中使用(推荐)

<script setup>
import config from '@/config/index.js'

// 直接访问配置
console.log('API 地址:', config.baseUrl)
console.log('应用名称:', config.appName)
console.log('AppID:', config.appId)
</script>

方式二:在 JS 文件中使用

import config from '@/config/index.js'

console.log(config.baseUrl)
console.log(config.appName)

方式三:在 request 中使用(已自动集成)

import request from '@/utils/request.js'
// 会自动使用对应环境的 baseUrl
await request.post('/api/auth/login', data)

方式四:获取特定环境变量

import { CURRENT_ENV } from '@/config/index.js'

console.log('当前环境:', CURRENT_ENV)

修改配置

编辑对应的环境文件,例如 config/env.development.js

export default {
	env: 'development',
	baseUrl: 'https://dev-api.example.com',  // 修改 API 地址
	timeout: 10000,
	appName: '布尔销销乐',
	appVersion: '1.0.0',
	appId: 'wx6124d881774fb80a',
	debug: true,
	enableLog: true
}

注意事项

  1. 小程序限制:微信小程序不支持动态 import(),使用同步导入
  2. 切换环境后:需要重新编译/运行项目才能生效
  3. 默认配置:如果 CURRENT_ENV 配置错误,会自动使用开发环境配置