由于历史原因，接口有点混乱，有的是开发环境和生产环境共用，有的有区分，被逼出了这么个解决方案，看上去不会出错了。

// 环境判断
const isProdEnv = xxxxxxx

// 域名列表
const server = ‘https://server.xxx.chat/’
const test = ‘https://test.xxx.chat/’
const www = ‘https://www.xxx.chat/’
const wx = ‘https://wx.xxx.chat/’
const api = ‘https://api.xxx.chat/’

export const baseUrls = {
basic: isProdEnv ? server : test,
login: isProdEnv ? www : www,
scene: isProdEnv ? www : wx,
message: isProdEnv ? server : server,
redirect: isProdEnv ? www : test,
pay: isProdEnv ? api : api,
socket: isProdEnv ? www : www,
}

简单整理了一份《前端编码约定》，这是其中一条：

组件思想
参考：https://cn.vuejs.org/guide/essentials/component-basics.html

页面入口文件是一个集合组件的文件，不要直接在入口文件写业务代码。

即：进入一个页面，首先看到的是一棵树，然后才能看清它的树枝 (component) 和树叶 (children)，而不是一开始就掉进树里，看不清方向。