Aurelia:配置获取客户端

Question

我使用 Aurelia 的 fetch 客户端与我的服务器通信。在使用获取客户端的每个 View 模型中，我必须将客户端配置为使用拦截器来发送自定义 header ( token )。

有没有办法在某个地方配置一次获取客户端，而不是在每个 View 模型中重写拦截器代码。

Answer 1

您可以将配置放在 main.js 文件。像这样:

...
aurelia.use
  .standardConfiguration()
  .developmentLogging();

let container = aurelia.container;

let http = new HttpClient();
http.configure(config => {
  config
  .useStandardConfiguration()
  .withBaseUrl('http://localhost:8080/api/')
  .withDefaults({
     headers: {
       'Authorization': tokenVariable // <---- your magic here
     }
  })
  .withInterceptor({
    request(request) {
      console.log(`Requesting ${request.method} ${request.url}`);
      return request;
    },
    response(response) {
      console.log(`Received ${response.status} ${response.url}`);
    }
  });
});

container.registerInstance(HttpClient, http);

现在，您只需注入(inject) HttpClient 即可获得上面配置的实例。

@inject(HttpClient)
export class MyViewModel {
}

更多信息请访问 https://github.com/aurelia/fetch-client/blob/master/doc/article/en-US/http-services.md