技术栈

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
相关推荐
南风知我意957
10 分钟前
JavaScript 惰性函数深度解析:从原理到实践的极致性能优化
开发语言·javascript·性能优化
爱看老照片
30 分钟前
uniapp传递数值(数字)时需要使用v-bind的形式(加上冒号)
javascript·vue.js·uni-app
慧一居士
34 分钟前
CSS中 ::deep 作用,使用场景,使用方法介绍
前端·css·vue.js
掘金安东尼
40 分钟前
⏰前端周刊第 459 期v2026.4.3
前端·javascript·面试
pan303507479
41 分钟前
在 Vue 3 + Vite 项目中覆盖 Element Plus 的默认样式
前端·vue.js·rust
Qlittleboy
41 分钟前
将公共数据挂在 Vue 原型上(简单、适合 CDN)
前端·javascript·vue.js
洛璃02
42 分钟前
windows下Vue3安装配置环境
vue.js
暗不需求
1 小时前
深入 JavaScript 核心:从词法作用域到闭包的底层奥秘
前端·javascript
Jinuss
1 小时前
源码分析之React中的useId
前端·javascript·react.js
莱昂晨
1 小时前
Vue 3偶发字体乱码 - 原因探究
前端·javascript·vue.js
热门推荐
01GitHub 镜像站点022026年3月AI领域大事件:DeepSeek引领开源风暴03Qwen3.5-Omni与Qwen3.6模型全面解析(含测评/案例/使用教程)04Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services05UV安装并设置国内源06让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南07AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南08如何解决 OpenClaw “Pairing required” 报错:两种官方解决方案详解09深扒 Claude Code Buddy 模式:一只仙人掌背后的确定性随机算法10Mac 本地部署 OMLX + 通义千问 Qwen3.5-27B 保姆级教程