wsmcs/.env.example at main · AstideLabs/wsmcs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
# Cloudflare Workers 环境配置

## 生产环境 (.env.production)

```
VITE_ENVIRONMENT=production
VITE_API_URL=https://api.wsmcs.cn
VITE_ANALYTICS_ID=your-analytics-id
```

## 暂存环境 (.env.staging)

```
VITE_ENVIRONMENT=staging
VITE_API_URL=https://staging-api.wsmcs.cn
VITE_ANALYTICS_ID=staging-analytics-id
```

## 本地开发环境 (.env.development)

```
VITE_ENVIRONMENT=development
VITE_API_URL=http://localhost:3000
VITE_ANALYTICS_ID=local-analytics-id
```

## 环境变量说明

- **VITE_ENVIRONMENT**: 当前环境标识
- **VITE_API_URL**: API 服务器地址
- **VITE_ANALYTICS_ID**: 分析工具 ID（如 Google Analytics）

## 在 Vue 组件中使用环境变量

```javascript
// 访问环境变量
const environment = import.meta.env.VITE_ENVIRONMENT;
const apiUrl = import.meta.env.VITE_API_URL;

// 仅在生产环境中执行
if (import.meta.env.PROD) {
  // 生产环境代码
}

// 仅在开发环境中执行
if (import.meta.env.DEV) {
  // 开发环境代码
}
```

## Cloudflare Workers 环境变量

在 `wrangler.toml` 中配置：

```toml
[env.production]
vars = { ENVIRONMENT = "production", API_BASE_URL = "https://api.wsmcs.cn" }

[env.staging]
vars = { ENVIRONMENT = "staging", API_BASE_URL = "https://staging-api.wsmcs.cn" }
```

在 `worker.js` 中访问：

```javascript
export default {
  async fetch(request, env, ctx) {
    const environment = env.ENVIRONMENT;
    const apiUrl = env.API_BASE_URL;
  }
}
```