如何解决本地主机的 Msal Angular HTTP 拦截器未附加令牌
我正在尝试调用 localhost API 并在标头上附加不记名令牌。它应该由 msal-angular 自动完成。 现在,我已将 localhost API 路由添加到 protectedResourceMap,但标头中没有不记名令牌。尝试添加 jsonplaceholder 和 graph.microsoft 以对其进行 HTTP post 调用,并且可以正常工作。唯一的问题是当我尝试对 localhost API 进行 HTTP 调用时。
我正在使用:
@azure/msal-browser@2.12.0
@azure/msal-angular@2.0.0-beta.0
我在 app.module.ts 中为拦截器使用了工厂提供程序。
export function MSALInterceptorConfigFactory(): MsalInterceptorConfiguration {
const protectedResourceMap = new Map<string,Array<string>>();
protectedResourceMap.set('https://graph.microsoft.com/v1.0/me',[
'user.read',]);
protectedResourceMap.set('http://localhost:5000/api/add',[
'api://custom api consent'
]);
protectedResourceMap.set('https://jsonplaceholder.typicode.com/',[
'api://custom api consent'
]);
return {
interactionType: InteractionType.Redirect,protectedResourceMap,};
}
也在app.module.ts中注册
providers: [
{
provide: HTTP_INTERCEPTORS,useClass: MsalInterceptor,multi: true,},{
provide: MSAL_INSTANCE,useFactory: MSALInstanceFactory,{
provide: MSAL_GUARD_CONfig,useFactory: MSALGuardConfigFactory,{
provide: MSAL_INTERCEPTOR_CONfig,useFactory: MSALInterceptorConfigFactory,MsalService,MsalGuard,Msal,broadcastService,],
有什么建议吗?
解决方法
如果其他人遇到此类问题,我找到了解决方案。 我发现 protectedResourceMap 更动态地工作,并且相对 url 将工作。问题是由于添加了完整路由,例如 http://localhost:4200/api/add 等
解决方案只是添加 /api/
protectedResourceMap.set('/api/',[
'api://custom api consent'
]);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。