javascript - 在 javascript/angularjs 中获取客户端 IP

Question

我正在尝试在我的 Angular 应用程序中获取客户端 IP。我正在使用这段代码:

$http.get("http://l2.io/ip.js").then(function(response) {       
    $scope.ip = response.data;  
});

但是它使

Error: XMLHttpRequest cannot load http://l2.io/ip.js. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9001' is therefore not allowed access.

如何添加标题？

Answer 1

有一个服务提供商为基于 javascript 的请求提供 CORS header (Access-Control-Allow-Origin: *):

https://freegeoip.com

测试以下 XMLHTTP 请求示例:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        console.log(xhttp.responseText)
    }
};
xhttp.open("GET", "//freegeoip.net/json/?callback=", true);
xhttp.send();

或者在使用 jQuery 的情况下:

$.getJSON('//freegeoip.net/json/?callback=?', function(data) {
  console.log(data);
});