具有网络错误和状态代码为200的Cors策略的Axios获取方法

Question

当我调用axios时，get总是直接转到控制台中显示网络错误的catch块，从起源'http://13.234.115.246/customers_log.php'访问XMLHttpRequest“http://localhost:8080'已被CORS策略阻止：在飞行前响应中的access-control-allog-headers不允许请求头字段access-control-allog-orgin。

如何理解这个问题

Answer 1

在执行get/post之前，webbrowser将首先执行“飞行前请求”。这是一个options类型的请求，它只是为了验证哪些选项是允许的/可能的。

飞行前请求是成功的（即状态代码200)，但告诉您CORS是不允许的。因此，实际的get/post/······不会执行请求。为什么不呢？

• 承载网页的webserver与提供REST服务的服务器不同。这可能表明存在安全问题。
• webserver被配置为通知您的客户端。

如果使用NodeJS，可以添加如下内容。

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

对于php，请参见下面的线程。