Ipify 被 Cors 阻止。我怎样才能让它被允许？ [复制]

Question

我很想添加代码来获取我网站上用户的 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;  
})