首页 > 其他分享 >vue获取公网ip

vue获取公网ip

时间:2023-03-09 23:45:27浏览次数:43  
标签:vue ip publicIP json 公网 data response

<template>
  <div>
    <div>Your Public IP: {{publicIP}}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      publicIP: ''
    };
  },
  created() {
    // Fetch public IP
    fetch('https://api.ipify.org?format=json')
      .then(response => response.json())
      .then(data => {
        this.publicIP = data.ip;
      });
  }
};
</script>

 

标签:vue,ip,publicIP,json,公网,data,response
From: https://www.cnblogs.com/xbinbin/p/17201938.html

相关文章

  • vue3+vite+element-plus按需加载动态图标icon优化方案
    1、问题:element-plus中icon跟element中的icon完全不同,使用也很多变化,最重要的一点就是按需动态加载了,主要用到unplugin-icons这个库根据按需加载icon的使用方法,是无法满......
  • CentOS7 配置动态ip
    [root@FortA]#vim/etc/sysconfig/network-scripts/ifcfg-ens32 #修改网卡配置信息TYPE="Ethernet"PROXY_METHOD="none"BROWSER_ONLY="no"BOOTPROTO="dhcp"DEFROU......
  • CentOS7 配置静态ip
    修改启动协议BOOTPROTO=static根据大家自己的环境,ip地址可能略有不同。接下来重启网络服务systemctlrestartnetwork重启之后xshell可能无响应,这是因为ip变了,公网DN......
  • ipcs命令 – 多进程间通信常用的工具
    ipcs命令–多进程间通信常用的工具–Linux命令大全(手册)(linuxcool.com)语法格式:ipcs[参数]常用参数:参数解释-m打印出使用共享内存进行进程间通讯的......
  • 初识rollup 打包、配置vue脚手架
    rollupjavascript代码打包器,它使用了es6新标准代码模块格式。特点:面向未来,拥抱es新标准,支持标准化模块导入、导出等新语法。treeshaking静态分析导入的代码。......
  • IDEA中使用JDBC连接MySQL数据库报错:No appropriate protocol (protocol is disabled o
    在IDEA中使用JDBC连接MySQL,程序运行之后报错:  定位到第16行:  根据上面报错提示,在url参数字段最前面添加参数 useSSL=false :  再次运行程序,成功连接到......
  • 在教学中常被问到的几个vue3.x与typescript的问题,统一解答
    在教学当中,学生在学习vue3.x时,常常会问到typescript和vue3.x之间的关系,感觉这两个技术总是绑在一起的,下面老赵来统一解答一下: 那学vue3.x,为什么要求也要掌握typescrip......
  • ip2region 在nodejs中的使用
    ip2region在nodejs中的使用ip2regionv2.0-是一个离线IP地址定位库和IP定位数据管理框架,10微秒级别的查询效率,提供了众多主流编程语言的xdb数据生成和查询客户端实......
  • linux 配置IP地址的三种方法
    方法1:图形化界面打开网络,直接配置:IP:172.16.129.108子网掩码:255.255.255.0网关:172.16.129.254方法2:ifconfig命令使用ifconfig命令配置ip地址,通常用来临时测试用,重启后ip地址......
  • javascript | 刷新页面的方式
    方式序号方法1history.go()2location.reload()3location=location4location.assign(location.href)5location.replace(location.href)6l......