vue 获取当前本机ip_vue中获取本地ip

一、目的

获取当前访问的ip地址

二、思路

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

三、操作步骤

1、在index.html中添加

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

username:{{user.username}}

age:{{user.age}}

ip:{{user.ip}}

export default {

data(){

return{

user:{

‘username‘:‘sj‘,

‘age‘:18,

‘ip‘:‘‘

}

}

},

mounted(){

this.ready()

},

methods:{

ready:function(){

//获取本地IP地址

//js 引入

//

var cip = returnCitySN["cip"];

//给vuedata对象里的字段赋值

this.user.ip = cip

}

}

}

三、结果展示

1、搜狐网站访问结果

2、运行结果