如何让Ember应用根据登录用户支持多API主机？

当然可以实现！不过你当前的箭头函数写法有个小坑——箭头函数不会绑定Ember对象的上下文，导致你没法获取到应用里的用户状态。下面是两种正确的实现方式，适配不同版本的Ember：

方式一：Ember Octane之前的版本（使用计算属性） #

如果你的项目还在使用旧版的Ember语法，可以用computed属性来动态计算host，同时注入用户服务来获取当前登录用户：

import DS from 'ember-data';
import { computed } from '@ember/object';
import { inject as service } from '@ember/service';

export default DS.JSONAPIAdapter.extend({
  // 注入存储用户状态的服务，这里假设用类似ember-session的用户状态服务
  session: service(),

  // 根据当前用户标识动态计算host
  host: computed('session.currentUser.id', function() {
    const currentUser = this.get('session.currentUser');
    // 这里可以根据实际业务调整判断逻辑，比如用户ID、角色分组等
    if (currentUser && currentUser.id === 'user1') {
      return 'https://host1.example.com';
    } else {
      return 'https://host2.example.com';
    }
  })
});

方式二：Ember Octane及以后的版本（使用Getter） #

如果你的项目已经升级到Octane，推荐用Tracked属性+Getter的写法，更符合现代Ember的风格：

import DS from 'ember-data';
import { inject as service } from '@ember/service';
import { tracked } from '@glimmer/tracking';

export default class ApplicationAdapter extends DS.JSONAPIAdapter {
  // 注入用户状态服务
  @service session;

  get host() {
    const currentUser = this.session.currentUser;
    // 用可选链操作符避免用户未加载时的undefined报错
    if (currentUser?.id === 'user1') {
      return 'https://host1.example.com';
    } else {
      return 'https://host2.example.com';
    }
  }
}

关键注意点 #

• 必须注入用户服务：不能直接在适配器里硬编码判断逻辑，要通过服务获取当前用户状态，这样才能响应用户登录、切换账号等状态变化
• 记得加协议前缀：一定要带上https://或http://，否则Ember会把host当成相对路径处理，导致请求地址错误
• 处理异步用户数据：如果用户信息是登录后异步加载的，要确保计算host时用户数据已经就绪，可以在依赖项里添加异步属性，或者在Getter里做兜底判断

内容的提问来源于stack exchange，提问作者Caleb Sayre