typescript - Interceptori Angular cu Discord Oauth și Cors

Încerc să configurez autentificarea oauth2 cu Discord, am setat URL-ul pentru a obține codul oauth ca variabilă de mediu în fișierul meu 'environment.ts', deci problema nu este că URL-ul este scris greșit.

Linkul ancoră href funcționează foarte bine, însă atunci când apelez metoda serviciului și (din câte înțeleg) adaug interceptorul în combinație, primesc această eroare de fiecare dată (URL-uri de autorizare prescurtate)

Access to XMLHttpRequest at 'https://discord.com/oauth2/authorize.....' (redirected from 'https://discord.com/api/oauth2/authorize?....') from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Codul interceptorului:

 import {Injectable} from '@angular/core';
import{
    HttpInterceptor,
    HttpRequest,
    HttpHandler,
    HttpEvent
} from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable()
export class CustomInterceptor implements HttpInterceptor {
    constructor() {

    }

    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        console.log("testing...");

        request = request.clone({
            withCredentials: true
        });
        return next.handle(request);
    }
}

Pagina HTML

<div>
    <button class="btn btn-primary btn-center" (click)="login()"> Login With Discord </button>
</div>
<div>
    <a href={{login_url}}>Login2</a>
</div>

fișierul TS corespunzător:

import { Component, OnInit } from '@angular/core';

import { OauthService } from '../../services/oauth/oauth.service';
import {DISCORD_LOGIN_URL} from '../../../environments/environment';


@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {

  
  constructor(private oauthService: OauthService) { }
  login_url = DISCORD_LOGIN_URL;
  ngOnInit(): void {
  }


  public login():void {
    this.oauthService.login().subscribe(
      data => console.log(data)
    );
  }
}

fișier de serviciu cu metoda apelată la apăsarea butonului:

    import { Injectable } from '@angular/core';

// import {Response } from '@angular/http';
import {HttpClient, HttpErrorResponse} from '@angular/common/http';
import { throwError } from 'rxjs';
import { retry, catchError } from 'rxjs/operators';

import {DISCORD_LOGIN_URL} from '../../../environments/environment';
import {CLIENT_ID} from '../../../environments/environment';
import {CLIENT_SECRET} from '../../../environments/environment'; 
import {REDIRECT_URI} from '../../../environments/environment';
import {SCOPE} from '../../../environments/environment';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})

export class OauthService {

  clientId: string;
  clientSecret: string;
  login_url: string;
  scope: string;
  redirect_uri: string;
  token: string;

  constructor(private http: HttpClient) {

    this.clientId = CLIENT_ID;
    this.clientSecret = CLIENT_SECRET;
    this.redirect_uri = REDIRECT_URI+ '/main';
    this.scope = SCOPE;
    this.login_url = DISCORD_LOGIN_URL;
   }

    
   public requestCore(): Observable<any> {
     return this.http
          .get(this.login_url)
          
   }

   public login():  Observable<any> {
     return this.http
        .get(this.login_url);
   }


   handleError(error: HttpErrorResponse) {
    let errorMessage = 'Unknown error!';
    if (error.error instanceof ErrorEvent) {
      errorMessage = `Error: ${error.error.message}`;
    } else {
      errorMessage = `Error Code: ${error.status}\nMessage: ${error.message}`;
    }
    window.alert(errorMessage);
    return throwError(errorMessage);
  }
}

Am încercat să caut dacă au existat probleme similare anterior și nu pot găsi niciuna (deși există o șansă mare să fi ratat-o), majoritatea postărilor spun să permiți originile încrucișate pe partea de server, totuși nu cred că acesta este problema, deoarece href-ul ancorei funcționează.

Mulțumesc anticipat!

ps - Nu intenționez să instalez un plugin Chrome/să dezactivez o setare în browserul meu local, deoarece planul final este să folosesc acest proiect Angular public.

Edit 1- Primește două apeluri de rețea când fac click pe buton, cred că primul trece de CORS și se finalizează cu status 302, apoi al doilea apel eșuează..

Edit 2 - Am încercat să îl configurez pe un server Express cu acest cod în fișierul meu server.js, dar încă primesc aceeași eroare;

    app.use(express.static('./dist/De-Bot'), 
    function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*"); // update to match the domain you will make the request from
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    next();
  });