如何從角度解決 CORS Origin 錯誤

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: *

這將允許所有來源。

還是沒用？

在您的請求網址之前添加此鏈接，

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

示例： https ://cors-anywhere.herokuapp.com/http://dev-****-app.south****.cloudapp.azure.com/app/users/users/updateuser/21