vue获取本机IP地址
时间: 2023-09-11 13:04:02 浏览: 289
在Vue中获取本机IP地址,可以使用浏览器提供的`window`对象中的`location`属性获取当前页面的URL,然后从中提取出IP地址部分。
代码示例:
```javascript
export default {
data() {
return {
ip: null
}
},
mounted() {
this.getIPAddress()
},
methods: {
getIPAddress() {
const url = 'https://api.ipify.org?format=json'
axios.get(url)
.then(response => {
this.ip = response.data.ip
})
.catch(error => {
console.log(error)
})
}
}
}
```
在这个代码中,我们使用了一个公共的IP地址查询API接口(`https://api.ipify.org?format=json`)来获取本机的IP地址,并将其保存在组件的`ip`属性中。这个接口返回一个JSON格式的数据,包含了当前机器的IP地址。我们使用`axios`库来发送请求并获取响应数据。
注意:这个方法只能获取本机所在网络的公共IP地址,无法获取本机的局域网IP地址。如果需要获取局域网IP地址,可以使用一些第三方库或者自行编写相关代码。
阅读全文