как решить CORS Origin ошибка от angular

Question

Я создал приложение angular, когда я выполняю методы POST, PUT и DELETE, я получаю эту ошибку:

 Cross-Origin Request Blocked: The Same Origin Policy disallows 
 reading the remote resource at http://dev-****- 
 app.south****.cloudapp.azure.com/app/users/users/updateuser/21. (Reason: CORS 
 request did not succeed)

Это мой вызов API:

sercice.ts:

   UpdateUsers(updatedata){
   let user_id = localStorage.getItem("user_id");
   return this.http.put(this.userupdate_url+user_id, updatedata).pipe(map(response=>{
      if(response['Successful']){
        this.router.navigate(['/users']);
      }
     }));
   }

Как я могу решить эту ошибку?

Answer 1

• Попробуйте домены белого списка, чтобы предотвратить ошибку CORS в них.

• Выполнить настройку прокси в файлах конфигурации.

• Включить CORS на вашем сервере.

Если вы используете для целей тестирования, измените заголовки на

Access-Control-Allow-Origin: *

Это разрешит все источники.

Все еще не работает?

Добавьте эту ссылку перед URL вашего запроса,

https://cors-anywhere.herokuapp.com/

Пример: https://cors-anywhere.herokuapp.com/http: // dev- **** - app.south ****. cloudapp. azure .com / app / users / users / updateuser / 21