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的主要内容,如果未能解决你的问题,请参考以下文章