http://localhost:4200' заблокировано политикой CORS: Ответ на предпечатный запрос не прошел

Question

У меня есть проблема, которую я, похоже, не решаю.Я хочу отправить запрос http params с моего Angular-клиента на сервер, используя приведенный ниже код, но получаю исключение

http://localhost:4200' заблокировано политикой CORS: Ответ на предпечатный запрос не выполняетсяt pass

Я хочу прояснить ситуацию. Я сделал какие-либо ошибки в Angular или это проблема на стороне сервера, я не понимаю, может кто-нибудь мне помочь, пожалуйста

Auth:

login(username: string, password: string) {
    let params = new HttpParams();
    params = params.append('email', username);
    params = params.append('password', password);
    return this.http.post<any>('URL',{params:params})
      .pipe(map(user => {
        if (user && user.token) {
        }
      }),
        catchError(this.handleError)
      );
  }

Answer 1

Измените свой сервер, добавив заголовок Access-Control-Allow-Origin: *, чтобы разрешить запросы между источниками из любых доменов.

Answer 2

добавить конфигурацию в VSCODE перед запуском приложения (F5)

"runtimeArgs": ["--disable-web-security"]

в файле launch.json

Answer 3

Да, это проблема на стороне сервера, а не на стороне клиента.

Вам необходимо включить CORS для вашего localhost со стороны сервера, чтобы использовать API из вашего кода Angular.

PS: для быстрого исправления вы можете установить хромированный плагин для включения CORS, но этот подход не рекомендуется когда-либо.