为什么axios会导致Access-Control-Allow-Origin错误-Java 学习之路

我有非常基本的axios代码：

axios.get(GEO_IP)
.then(res => res)
.catch(err => err);

另外，我设置了下一个axios默认值：

axios.defaults.headers["content-type"] = "application/json";
axios.defaults.headers.common.authorization = `Bearer ${token}`;

此公共API不需要授权令牌 . 当我尝试使用axios.get触发查询时，我在控制台中看到下一个错误：

无法加载https://ipfind.co/me?auth=8964b0f3-4da1-46eb-bcb4-07a9614a6946：对预检请求的响应未通过访问控制检查：否'Access-Control-Allow-Origin'标头为出现在请求的资源上 . 因此不允许Origin'http：// localhost：3000'访问 .

当我使用原生XMLHttpRequest重写axios时：

new Promise((resolve, reject) => {
const http = new XMLHttpRequest();
http.onreadystatechange = function() {
  if (this.readyState === 4 && this.status === 200) {
    // result
  }
};
http.open("GET", GEO_IP, true);
http.send();
});`

一切正常，没有任何错误 . 有人可以澄清为什么axios查询导致错误以及我如何解决它？

2 回答

2

这意味着当您的服务器为GET请求发送正确的CORS标头时，它不是作为预检请求的一部分由axios发送的OPTIONS请求 .

某些请求不需要预检请求 . 但我猜测axios总是派一个 .

See MDN for more details on this .

回复于 2024-04-19T14:07:45+08:00
1

错误消息说：

对预检请求的响应

这与axios无关 . 您正在尝试发送不同的请求 . 当您使用axios时，您正在以需要预检的方式设置请求 .

axios.defaults.headers [“content-type”] =“application / json”;
axios.defaults.headers.common.authorization =Bearer $ {token};

上述任何一种都会触发预检 .

XMLHttpRequest版本（不设置HTTP标头）不需要预检，因此不支持预检的服务器不是问题 .

回复于 2024-04-19T14:07:45+08:00

为什么axios会导致Access-Control-Allow-Origin错误

2 回答

相关问题