3xx 重定向 "no 'Access-Control-Allow-Origin' header is present on the requested resource" 错误

Question

我正在获取有关 CORS 策略阻止访问的信息，none 我查看的解决方案似乎有效。

Access to XMLHttpRequest at 'http://localhost:8000/search' from origin 'http://localhost:8080' has been blocked by CORS policy: No 
'Access-Control-Allow-Origin' header is present on the requested resource.

我的服务器本地托管在 localhost:8000 上，前端在 loacalhost:8080 上。我想 post 在文件中使用 Axios 在 Vue 中文本数据：store.js%43:56 :

   axios.post('http://localhost:8000/search', {
      queryText: 'TEST_TEXT'
   }).then(function (response) {
      // handle success
      console.log(response)
   }).catch(function (response) {
      // handle error
      console.log(response)
   })

后端是用 Django 和 Rest 编写的 API。我关注了 but the response is still the same. The view responsible for the response is here and settings were set up here

我不想：

在 Chrome
使用 JSONP
使用第三方网站重新发送我的请求

如果有人想要运行该项目，只需从主文件夹安装 requirements.txt 并按照主文件夹和前端文件夹中的自述文件进行操作。

Answer 1

您需要在 Django 中启用 CORS 设置，请查看 django-cors-headers。

此外，如果您正在进行基于 session 的身份验证，您可能需要在 headers 中添加一些额外的设置。前段时间我在 Angular2 上苦苦挣扎，但我认为如果你遇到这个问题 this answer 将与你相关。

3xx 重定向 "no 'Access-Control-Allow-Origin' header is present on the requested resource" 错误

3xx redirect with "no 'Access-Control-Allow-Origin' header is present on the requested resource" error

django

cors

vue.js

django-cors-headers

axios