Appearance
环境配置
IM 前端通过 config/base.js 管理不同环境的 API 地址配置。
配置文件
javascript
// config/base.js
export default {
// IM 后端 API 地址
imBaseURL: 'https://chat.huziqiqi.top:3000/api',
// WebSocket 地址
wsURL: 'wss://chat.huziqiqi.top:3000',
// 其他配置...
}配置项说明
| 配置项 | 用途 | 默认值 |
|---|---|---|
| imBaseURL | IM 后端 API 地址 | https://chat.huziqiqi.top:3000/api |
| wsURL | WebSocket 连接地址 | wss://chat.huziqiqi.top:3000 |
请求方式
IM 页面统一使用 this.middle.get/post 发起请求,并使用 config.imBaseURL 拼接完整 URL:
javascript
// 请求示例
this.middle.get(config.imBaseURL + '/friends', {}, { header: this.getImHeader() })注意
IM 接口的请求必须使用 config.imBaseURL 拼接完整 URL,确保请求能正确转发到 IM 后端。
环境切换
如需区分开发、测试、生产环境,可在 config/base.js 中根据条件判断设置不同的地址:
javascript
const env = process.env.NODE_ENV;
const config = {
development: {
imBaseURL: 'http://localhost:3000/api',
wsURL: 'ws://localhost:3000'
},
production: {
imBaseURL: 'https://chat.huziqiqi.top:3000/api',
wsURL: 'wss://chat.huziqiqi.top:3000'
}
};
export default config[env] || config.production;