推荐订阅源

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

工具函数

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

/** 获取本地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

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