vue中获取本地ip

Posted jimshi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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、运行结果

技术图片

以上是关于vue中获取本地ip的主要内容,如果未能解决你的问题,请参考以下文章

vue获取本地IP地址 自动配置本地请求地址

Node js获取本地ip地址

Node js获取本地ip地址

WebApi中,怎么获取接口调用者的外网ip地址

如何在Node.js中获取本机本地IP地址

在vue文件中写个获取本地时间的代码,谢谢大佬们了,百度了好久,还是没搞出来