每日一博 | 跨域请求产生错误的原因及处理方法
//每日前端夜话第428篇//正文共:1400字//预计阅读时间:6 分钟 如果你在开发网站时曾经尝试通过框架或是浏览器的 fetch、XHR 请求过外部 API 的话,那么一定遇到过跨域请求,还有那个触目惊心的 CORS 错误信息;今天咱们来讨论跨域问题的原因以及解决方法。 跨域请求 如果你没有没有遇过,可以试着在浏览器的 console 页输入下面的代码: constxhr=newXMLHttpRequest()xhr.onreadystatechange=()=>{if(xhr.readyState===4){console.log(xhr.status===200?xhr.responseText:'error')}}xhr.open('GET','https://google.com')xhr.send() 这段代码通过调用浏览器的 XMLHttpRequest 对 Google 发出请求,而得到的结果如图所示: 这就是跨域请求问题,当通过 JavaScript 对不同的来源发送请求时,这个请求的响应就会被浏览器拦截,不交给 JavaScript 处理。这里的“不同来源...
