响应状态代码200，但react js axios中出现cors错误

Question

我正在尝试使用axios从https://citizenatlas.dc.gov/newwebservices/locationverifier.asmx/findLocation2开发一个开放源码的应用程序接口。我的代码是：

let fetchDCWardUrl = 'https://citizenatlas.dc.gov/newwebservices/locationverifier.asmx/findLocation2?str=2%252015th%2520St%2520NW,%2520Washington,%2520DC%252020024,%2520USA&f=json';

await axios.get(fetchDCWardUrl).then((response) => {
      console.log(response);
    });

我得到的是：

当我从邮递员那里点击相同的URL或直接点击浏览器的地址栏时，我得到了一个没有任何错误的响应。我还尝试了post方法，尝试了js fetch。

Answer 1

必须在服务器端启用Cors。出于开发目的，您可以使用react proxy settins，但在生产服务器上，您必须正确设置服务器才能为此请求创建代理

Answer 2

我认为网站必须允许来自javascript的请求。这是服务器端的事情。如果没有证明你是它所属的“真正的”前端，你就不能向后端发送请求。这是浏览器的一个安全功能。如果你打开这个普通的浏览器不能捕捉到...

要解决这个问题，您可以编写自己的后端，它捕获请求并将内容发送到您的前端，然后在那里设置cors。