javascript - Ipify 被 Cors 阻止。我怎样才能获得允许？

Question

这个问题已经有答案了:

How does the 'Access-Control-Allow-Origin' header work? (19 个回答)

已关闭 4 年前。

我正在尝试添加代码来获取我网站上用户的 IP 地址。我正在使用带有 axios 的 React(mobx/mst)。

   getIpAddress: flow(function*() {

    const response = yield axios.get('http://api.ipify.org/?format=text');
    self.ipAddress = response.data;  

    })

Access to XMLHttpRequest at 'http://api.ipify.org/' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource

Answer 1

这是典型的 CORS 问题。服务器不允许您的客户端直接收集信息。您应该使用一些服务器端代理或使用 https://cors-anywhere.herokuapp.com/，因此您的代码将如下所示

getIpAddress: flow(function*() {
  const response = yield axios.get('https://cors-anywhere.herokuapp.com/http://api.ipify.org/?format=text');
  self.ipAddress = response.data;  
})