vue后台获取登录用户ip地址和所在地

这篇具有很好参考价值的文章主要介绍了vue后台获取登录用户ip地址和所在地。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.项目需要拿到登录账号的ip和所在地

  // 获取ip地址
        fetch('https://api.ipify.org?format=json').
          then(response => response.json()).
          then(data => {
            const ip = data.ip
            //通过ip地址获取所在地
            fetch(`https://api.vore.top/api/IPdata?ip=${ip}`).
              then((res) => res.json()
                .then((data) => {
                  console.log(data);
                })
              )
          })
          .catch(error => { console.error(error) })

2.免费的api可以直接调用使用,但是可能需要做好跨域,我因为用的是Fantastic-admin框架,应该本身就有跨域所以没有报错,可以正常获取到返回值,打印一下data看下

vue获取用户ip地址,vue.js,tcp/ip,前端,javascript

 文章来源地址https://www.toymoban.com/news/detail-705604.html

到了这里,关于vue后台获取登录用户ip地址和所在地的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Nginx通过用户IP获取所在国家及地理位置

    Nginx是一款高性能、轻量级的Web服务器和反向代理服务器。它最初设计目的是为了解决C10k问题,即如何支持10,000个以上的并发连接。Nginx采用了事件驱动的异步非阻塞模型,可以在消耗较少的系统资源下处理更多的并发连接。由于其高性能和可靠性,Nginx逐渐成为了现代Web架构

    2024年02月09日
    浏览(50)
  • nginx代理后,nodejs如何获取用户真实ip地址(包括websocket获取用户真实IP地址)

    因为nginx代理的原因,我们在请求头中获取到的用户ip只是nginx代理的ip,并非用户真实ip,原因是经过反向代理后,由于在客户端和web服务器之间增加了中间层,因此web服务器无法直接拿到客户端的ip,可以通过$remote_addr变量拿到的将是反向代理服务器的ip地址。 第一步,修改

    2024年02月13日
    浏览(75)
  • 如何获取用户的ip地址

    用户的 IP 地址可能会被隐藏或者修改,例如使用代理服务器、VPN 等工具,这样就无法准确获取用户的真实 IP 地址。 除了以上特殊情况,一般情况下 用户访问可能会经过一下链路 : 前端—nginx—网关—服务 。 一般情况下后面三个获取的ip地址只能是前一个的ip 如网关只能获

    2024年02月10日
    浏览(54)
  • Android获取用户ip地址

    经过实测,并不能真的获取到网络上实际的外网IP地址,只能拿到他下面的内网IP地址,凑合着用吧 参考来源:https://blog.csdn.net/sinat_16458039/article/details/50260589

    2024年02月16日
    浏览(53)
  • 电脑IP地址密码寻找指南:解密如何快速获取IP地址登录密码?

    在使用电脑时,你可能会遇到需要查找IP地址登录密码的情况。而对于大部分普通用户来说,这项任务并不容易。那么,IP地址密码到底在哪里找呢?本文将为你详细解析,提供一些方法和技巧,帮助你快速找到电脑的IP地址密码。 首先,我们需要弄清楚什么是IP地址密码。

    2024年02月03日
    浏览(54)
  • http获取用户访问的IP地址

    获取用户访问的IP地址: 如果用户是正常情况下其字典的KEY键名为 REMOTE_ADDR request.META[\\\'REMOTE_ADDR\\\'] 但是有些网站服务器会使用nginx等代理http,或者是该网站做了负载均衡,导致使用remote_addr抓取到的是127.0.0.1,这时使用 HTTP_X_FORWARDED_FOR 才获得是用户的真实IP。推荐使用以下代码

    2024年02月01日
    浏览(50)
  • Java中使用HttpRequest获取用户真实IP地址端口

    获取请求来源ip代码: 获取请求来源端口代码:

    2024年02月11日
    浏览(67)
  • 【云计算学习教程】云计算技术与应用学习教程_资源所在地称为云端(也称云基础设施),输入输出设备称为云终端,将两者连接在一

    先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7 深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前! 因此收集整理了一份《2024年最新大数据全套学习资料》,

    2024年04月27日
    浏览(38)
  • js获取用户浏览器信息和ip地址以及位置

    效果如下   效果如下 这里是在 vue中created生命周期中发送请求  返回输入如下  

    2024年02月11日
    浏览(67)
  • 前端获取用户ip地址,并放在请求头上(uniapp和H5)

     今日需求:          获取用户ip地址,并在每一次请求的时候带上这个ip地址 获取 用户ip地址的方式有很多,各大地图的开发者平台都能找到相关的API接口地址,都很牛掰,但是我看了一下,好像不太适合我(懒病犯了~~),所以我就用shohu的接口: http://pv.sohu.com/cityjson

    2024年02月11日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包