question on authinterceptor

I had a question regarding sending the Token as part of the header when communicating with the backend. The documentation [here] (https://github.com/damienbod/angular-auth-oidc-client/blob/main/docs/using-access-tokens.md#http-interceptor) states that one only needs to include the Authinterceptor provider and define the secureRoutes in the config. Just doing this did not automatically add the token to the request header. I just used a standard piece of code like this

@Injectable()
export class AuthInterceptorService implements HttpInterceptor {

  constructor(private oidcSecurityService: OidcSecurityService) {
  }

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const token = this.oidcSecurityService.getToken();
    const modifiedRequest = req.clone({
      headers: req.headers.set('Authorization', 'Bearer ' + token)
    });
    return next.handle(modifiedRequest);
  }
}

Only then did it work. But then naturally I am not doing something right. Cause now the Authinterceptor from your package is not being used. Maybe this is a noob question. Sorry, please help.

[rtamsatyam]

I have updated the project with the source files from https://github.com/damienbod/angular-auth-oidc-client/tree/main/projects/sample-code-flow-refresh-tokens

The call to backend code is under src/app/home/user.service.ts

[FabianGosebrink]

Like said: CORS is a server issue. If you use the /api/... route before and the backend AND frontend are running on the same origin, you do not have CORS problems.