Question

我正在尝试从某个端点获取一些数据。

我不能在此处共享端点的URL，但是cors有问题。

当我使用邮递员时，一切都很好。

但是当我通过axios从我的react应用程序获取请求时，我收到此错误：

document.getElementById("Try").innerHTML = `<li id="Try"><a href="link/to/try" target="_blank">Try!</a></li>`

document.getElementById("Trying").innerHTML = `<li id="Trying"><a href="link/to/trying" target="_blank">Trying!</a></li>`

document.getElementById("TryTry").innerHTML = `<li id="TryTry"><a href="link/to/trytry" target="_blank">TryTry!</a></li>`

这是我的要求

<div id="highlights" class="container">
  <div id="menu">
    <ul>
      <li id="Try">Try!</li>
      <li id="Trying">Trying!</li>
      <li id="TryTry">TryTry!</li>
    </ul>
  </div>
</div>

我尝试了很多事情，但是我无法弄清楚。

Answer 1

所请求的资源上没有“ Access-Control-Allow-Origin”标头

由于您的错误状态，如果您这样指定标头，也许可以解决问题。

headers: {
      'Access-Control-Allow-Origin': '*',
    }

在github上报道了类似的问题。

在GET请求＃853中获取“跨来源请求已阻止” https://github.com/axios/axios/issues/853

Answer 2

您需要在服务器中启用CORS，如果您有权访问服务器，请将以下行添加到服务器中。

ALLOWED_HOSTS

用于nodejs服务器

'Access-Control-Allow-Origin', '*'

对于本地开发，您可以通过禁用Chrome安全性来绕开cors，使用app.use(function(req, res, next) { res.setHeader('Access-Control-Allow-Origin', '*'); }标志打开chrome，关闭所有Chrome实例

--disable-web-security

Axios收到请求获取cors问题

2 个答案: