title: MSAL with Angular integration using unprotectedResources
body: <p>I'm currently integrating azure AD to my angular app...everything is working great so far except for how it handles HTTP.</p>
  
  <p>So i've attached a typical http interceptor to the app:</p>
  
  <pre><code>{
    provide: HTTP_INTERCEPTORS,
    useClass: MsalInterceptor,
    multi: true
  },
  </code></pre>
  
  <p>and some configuration like this...</p>
  
  <pre><code> MsalModule.forRoot({
    auth: {
        clientId: id,
        authority: auth,
        validateAuthority: true,
        redirectUri: "http://localhost/",
        postLogoutRedirectUri: "http://localhost/dashboard",
        navigateToLoginRequestUrl: true
    },
    framework: {
        unprotectedResources: ["http://localhost/dashboard"]
    },
  }, {
      popUp: true
  })
  </code></pre>
  
  <p>So when i put in <strong>unprotectedResources</strong> i am expecting all http requests for <em><a href="http://localhost/dashboard" rel="nofollow noreferrer">http://localhost/dashboard</a></em> to go through without any authentication.</p>
  
  <p>However...when i'm not logged in, i get "core.js:7187 ERROR ClientAuthError: User login is required." in the console.</p>
  
  <p>Any help?</p>