JS获取本机IP地址

IP地址根据服务接口获取,获取完之后存入本地,之后一直在本地拿,本地存储没有情况下再向服务器获取

工具函数#

最后在进入页面时调用,然后将IP绑定到window上,window.ip 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/** 获取本地Ip */
export const getLocalIp = async () => {
  const ip = window.localStorage.getItem('ip');
  if (ip) {
    return ip;
  } else {
    return await getIp().then((data) => {
      if (data.ip) {
        window.localStorage.setItem('ip', data.ip);
        return data.ip;
      }
    });
  }
};

 

第三方API#

1
2
3
4
5
6
/** 第三方获取IP接口 */
export const getIp = () => {
  return fetch('https://api.ipify.org/?format=json').then((response) =>
    response.json()
  );
};

 

作者:冯叶青

出处:https://www.cnblogs.com/yz-blog/p/18298680

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   冯叶青  阅读(868)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
more_horiz
keyboard_arrow_up dark_mode palette
选择主题
menu
点击右上角即可分享
微信分享提示