前言

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 1天 点击查看活动详情

由于官网的咨询页面需要添加一个获取当前用户的ip地址的功能，找了半天没找到合适的，网上有各种插件的版本，也有翻墙找的，今天在这里讲下我用到的

ip地址（外网）

此次获取的ip不包含内网，如果你是内网的可以结束此查看了，此出获取ip的方式是通过调用一个开源的接口进行返回的，不知道维护到什么时候，但是目前是可以的

不多说直接上代码：（index.html页面中添加如下代码）

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<!--获取用户ip地址-->
<script type="text/javascript">
    $(function () {
        //获取外网ip方式2：ipify
        getIpByIpify();
    });

    //获取外网ip方式2：ipify
    function getIpByIpify() {
        $.ajax({
            url: "https://api.ipify.org/?format=json",
            type: "GET",
            data: {},
            dataType: "json",
            success: function (result) {
                window.cip = result.ip;
                console.log("---ip---" + result.ip);
            }
        });
    }
</script>

可以看到result.ip就是返回的当前电脑的ip，这里用window进行存储方便在页面中直接使用

结语

网上有各种sohu、baidu等插件来获取电脑ip,但是当我试过之后获取的ip是错误的，返回的永远是127.0.1这样的数据，所以劝大家不要再去尝试第三方的插件

还有就是网上有各种的翻墙查询到的资料，通过js直接获取ip地址，这里我告诉你，那照样是没用的，不信可以自己去试试。

如果你觉得有用，点个赞呗