vue中获取本地ip

一、目的

获取当前访问的ip地址

二、思路

通过使用搜狐的api获取访问ip

三、操作步骤

1、在index.html中添加

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

2、新建一个组件Admin.vue,调用方法

 <template>
     <div>
         <h1>username:{{user.username}}</h1>
         <h1>age:{{user.age}}</h1>
         <h1>ip:{{user.ip}}</h1>
     </div>
 </template>

 <script>
 export default {
    data(){
        return{
            user:{
                ‘username‘:‘sj‘,
                ‘age‘:18,
                ‘ip‘:‘‘
            }
        }
    },
    mounted(){
        this.ready()
    },
    methods:{
        ready:function(){
                //获取本地IP地址
                //js 引入 <!-- 获取本机ip  -->
                //<script src="http://pv.sohu.com/cityjson?ie=utf-8">
            var cip = returnCitySN["cip"];
                //给vuedata对象里的字段赋值
            this.user.ip = cip
        }
    }

 }
 </script> 

三、结果展示

1、搜狐网站访问结果

2、运行结果

原文地址:https://www.cnblogs.com/JimShi/p/11302384.html

时间: 2024-10-02 06:49:55

vue中获取本地ip的相关文章

C# 从众多网卡中获取本地物理网卡的ip

1 /// <summary> 2 /// 获取本机物理网卡的ip 3 /// </summary> 4 /// <returns></returns> 5 public static string IPAddress() 6 { 7 string userIP = ""; 8 System.Net.NetworkInformation.NetworkInterface[] fNetworkInterfaces = System.Net.

再论 ASP.NET 中获取客户端IP地址

说到IP获取无非是我们常见的以下几种方式,但是具体获取的值具体区别在哪?网上不乏相关文章,说的也是很详细,但是真正使用起来,还有很多不太对的地方.IP在不同系统中,应用相当广泛,常见的日志记录.广告分区域投放等. 1: HttpContext.Current.Request.ServerVariables["HTTP_VIA"]; 2: HttpContext.Current.Request.ServerVariables["HTTP_X_FORWARDED_FOR"

Linux下编程获取本地IP地址的常见方法

转载于:http://blog.csdn.net/k346k346/article/details/48231933 在进行linux网络编程时,经常用到本机IP地址.本文罗列一下常见方法,以备不时之需. 获取本机IP地址,是一个相当灵活的操作,原因是网络地址的设置非常灵活而且都是允许用户进行个性化设置的.比如一台计算机上可以有多块物理网卡或者虚拟网卡,一个网卡上可以绑定多个IP地址,用户可以为网卡设置别名,可以重命名网卡.用户计算机所在网络拓扑结构未知,主机名设置是一个可选项,并且同样可以为一

Android获取本地IP地址,Ipv4地址检查,Ipv6地址检查

/** * 获取本地IP地址 * @author YOLANDA * @return */ public static String getLocalIPAddress() { String ipAddress = ""; try { Enumeration<NetworkInterface> netfaces = NetworkInterface.getNetworkInterfaces(); // 遍历所用的网络接口 while (netfaces.hasMoreEle

LINUX - 获取本地ip

Linux编程获取本机IP地址的几种方法 参考:https://blog.csdn.net/zhongmushu/article/details/89944990 在进行Linux网络编程时,经常会需要获取本机IP地址,除了常规的读取配置文件外,本文罗列几种个人所知的编程常用方法,仅供参考,如有错误请指出. 方法一:使用ioctl()获取本地IP地址 Linux下可以使用ioctl()函数以及结构体 struct ifreq和结构体struct ifconf来获取网络接口的各种信息.具体过程是先

C#获取本地IP地址,内网+外网方法

1 #region 获取内.外网Ip 2 3 /// <summary> 4 /// 获取本地ip地址,优先取内网ip 5 /// </summary> 6 public static String GetLocalIp() 7 { 8 String[] Ips = GetLocalIpAddress(); 9 10 foreach (String ip in Ips) if (ip.StartsWith("10.80.")) return ip; 11 for

Linux编程获取本地IP

1 #include <stdio.h> 2 #include <sys/types.h> 3 #include <ifaddrs.h> 4 #include <netinet/in.h> 5 #include <string.h> 6 #include <stdlib.h> 7 #include <arpa/inet.h> 8 9 10 //获取本地IP地址 11 char *getIP() 12 { 13 int so

Android应用开发提高篇(1)-----获取本地IP

链接地址:http://www.cnblogs.com/lknlfy/archive/2012/02/21/2361802.html 一.概述 习惯了Linux下的网络编程,在还没用智能机之前就一直想知道怎么得到手机的IP地址(玩智能机之前我是不搞手机应用的).好了,得知Android是基于Linux内核的,那么不就可以利用之前学的Linux下的网络编程方法来获取IP了吗?呵呵,其实这是比较底层的方法,在Android上,完全可以利用Java的API来实现,而且实现的代码非常简单.下面的实现只可

Linux C 网络编程 - 获取本地 ip 地址,mac,通过域名获取对应的 ip

获取本地 ip 地址,mac,通过域名获取对应的 ip, 是网络编程可能遇到的比较常见的操作了,所以总结如下(封装了3个函数), 直接上代码: #include <stdio.h> #include <stdlib.h> #include <string.h> #include <errno.h> #include <unistd.h> #include <netdb.h> #include <net/if.h> #inc