angular - msal HTTP_INTERCEPTORS 不自动添加请求 header

Question

我正在尝试在 Angular 应用程序中实现 MSAL 身份验证。因此，当应用程序使用 Azure AD 正确启动其登录时。

我还在 app.module 中使用 msal_interceptor 作为提供者

 providers: [
  LoaderService,
  {
    provide: HTTP_INTERCEPTORS,useClass: MsalInterceptor, multi: true
  },
  { 
    provide: HTTP_INTERCEPTORS, useClass: LoaderInterceptor, multi: true 
  }
]

所以我试着像这样调用一个测试API

return this.client.get(url+'weatherforecast', {
  responseType: 'json'
});

API 正确返回，因为它不是启用授权的 API。我检查了 chrome 中的请求 header 。但是在任何地方都没有提到 token 头。那我做错了什么

这是我从 Chrome 复制的请求

curl "https://localhost:44331/weatherforecast" ^
  -H "authority: localhost:44331" ^
  -H "accept: application/json, text/plain, */*" ^
  -H "user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36" ^
  -H "origin: http://localhost:4200" ^
  -H "sec-fetch-site: cross-site" ^
  -H "sec-fetch-mode: cors" ^
  -H "sec-fetch-dest: empty" ^
  -H "referer: http://localhost:4200/" ^
  -H "accept-language: en-GB,en-US;q=0.9,en;q=0.8" ^
  --compressed

Answer 1

您需要使用 protectedResources 声明您的 api 路由和范围.