Skip to content

环境配置

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',
  
  // 其他配置...
}

配置项说明

配置项用途默认值
imBaseURLIM 后端 API 地址https://chat.huziqiqi.top:3000/api
wsURLWebSocket 连接地址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;