HTTP interceptor for localhost api

Source

• Customer request

Library

• @azure/msal-browser@2.12.0
• @azure/msal-angular@2.0.0-beta.0

Framework

• Angular

Description

I’m trying to call an localhost API and to attach bearer token on the header. For now I have added the localhost api route to the protectedResourceMap but there is no bearer token inside the header. Tried to add jsonplaceholder to make an http post call to it and it works. The only issue is when I try to make http call to localhost api.

protectedResourceMap.set('http://localhost:5000/add/',  ['user.read']);

Error Message

No error, just no bearer token in the header section

MSAL Configuration

I'm using AD for authentication.

Reproduction steps

The URL is registered in the MsalInterceptorConfiguration:

protectedResourceMap.set(‘http://localhost:5000/add/’, [ [‘api://consent-id’] ]);

localhost:5000 is registered in Redirect URIs of Azure portal

I'm using MsalInterceptor which is registered in the app.module.ts provider array.

Expected behavior

To have bearer token in the header section

Identity Provider

• Azure AD

Browsers/Environment

• Chrome

Regression

• Did this behavior work before? Version: NaN

Security

• Is this issue security related?

Source

• Customer request

[jo-arroyo]

@nicholashendrickx-tomtom It looks like you may be referencing the @azure/msal-angular@1 docs. Please see our updated initialization and configuration docs for the new shape of the protectedResourceMap, as well as the upgrade guide for more information about protected resources in MSAL Angular v2.

[VladBozhinovski]

@nicholashendrickx-tomtom that’s good to hear that it helped buddy 😃