在 React 錯誤中調用 Django Api 時，請求的資源上不存在“Access-Control-Allow-Origin”標頭

Question

任何人都請幫助我 我需要在本周提交我的項目 我遇到了一個星期的問題。

錯誤是：-->

從源“http://localhost:3000”訪問“http://127.0.0.1:8000/list/single/2”的 XMLHttpRequest 已被 CORS 策略阻止：沒有“Access-Control-Allow-Origin”標頭存在於請求的資源上。

請幫幫我😢

Answer 1

當你想從你的 React 應用程序訪問服務器時，它被稱為跨域請求，默認情況下不允許訪問另一個域上托管的 API。

您的 ReactJs 應用程序在一個端口 ( 3000 ) 上，而您的服務器在另一個端口上，這會導致此問題。

您必須在服務器上啟用 CORS。

您可以嘗試：

pip install django-cors-headers 

您可以在此處找到更多相關信息