首页 > 解决方案 > 邮递员请求有效,但 axios CORS 无效

问题描述

目前有点麻烦,我可以做一个这样的邮递员请求,然后我得到我的数据响应:

URL : https://hiddenurlforexample.com

Authorization : Bearer XXXXXXXX-XXXX-XXXX-XXXX

当我在我的网站上的 Axios 上执行此操作时,虽然我收到 401 CORS 错误。知道有什么区别吗?这就是我的 axios 请求的样子:

axios
  .request({
        url: 'test/url',
        method: 'get',
        baseURL: 'https://hiddenurlforexample.com',
        headers: {
          "Access-Control-Allow-Origin" : "*",
          "Content-type": "Application/json",
          "Authorization": "Bearer XXXXXXXX-XXXX-XXXX-XXXX"
        }
      })
      .then(response => {
        console.log(response.data)
      })
      .catch(function (error) {
        console.log(error)
      })

我是一名前端开发人员,有人告诉我后端无事可做。

标签: javascriptaxios

解决方案


Chris G 说了什么,旁边那个 Postman 忽略了 CORS 验证,因为它是一个开发工具。

您的后端服务器应返回正确的 CORS 标头。在开发过程中,您可以为 CORS 标头使用通配符,但强烈建议添加您调用后端的特定域(即您网站的域)。

另请注意,CORS 标头是通过 OPTIONS 调用返回的,同样,您的后端应该支持它。你在运行什么后端?


推荐阅读