技术栈

vue页面中获取用户ip

帅过二硕ฅ2023-10-21 16:06
javascript 复制代码
getIPAddress() {
      // 使用异步请求获取IP地址
      const url = 'https://api.ipify.org?format=json';
      fetch(url)
        .then(response => response.json())
        .then(data => {
          this.ipAddress = data.ip;
          console.log("本机ip地址",this.ipAddress);
        })
        .catch(error => {
          console.log('获取IP地址失败:', error);
        });
    },
上一篇:Nginx安装
下一篇:如何使用node操作sqlite
相关推荐
yuanyxh
1 小时前
Mac 软件推荐
前端·javascript·程序员
万少
1 小时前
AtomCode开发微信小程序《谁去呀》 全流程
前端·javascript·后端
壹方秘境
4 小时前
ChatTCP是怎么像Wireshark那样识别TCP重传、乱序和心跳保活的
网络协议·tcp/ip·wireshark
学Linux的语莫
4 小时前
Vue 3 入门教程
前端·javascript·vue.js
怕浪猫
4 小时前
第一章、Chrome DevTools Protocol (CDP) 详解
前端·javascript·chrome
qq435694701
6 小时前
Vue04
前端·vue.js
Yeats_Liao
7 小时前
Feed流系统设计(三):数据模型与存储设计,从表结构到Redis收件箱
java·javascript·redis
我是真菜
7 小时前
彻底理解js中的深浅拷贝
前端·javascript
liulilittle
9 小时前
KCC:在 BBR 思路上的一次探索
网络·tcp/ip·算法·bbr·通信·拥塞控制·kcc
尽兴-
9 小时前
4.1 智能体核心:Agent、Sub-Agent、ReAct、规划执行
前端·javascript·react.js·agent·react·subagent
热门推荐
01HTTP 与 HTTPS 的区别:从原理到实战详解022026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?032026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?04【AI】2026 年具身智能模型和世界模型总结05GitHub 镜像站点062026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf07AI科技热点日报 | 2026年6月1日08Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析09《置身钉内》原文-可播放阅读10上线仅72小时被强制下架:Claude Fable 5 的短命