data數(shù)據(jù):文章來源地址http://www.zghlxwxcb.cn/news/detail-857093.html
ipAddress: { ip: "", location: "", type: "" }methods中的方法：
getIpAddress() { //獲取ip, 位置
let year = new Date().getFullYear();
fetch(`https://${year}.ip138.com/`).then(x => x.text()).then(h => {
let domParser = new DOMParser();
let doc = domParser.parseFromString(h, "text/html");
let text = doc?.querySelector('p')?.innerText?.trim();
console.log(text)//您的iP地址是：[xxx.xx.xxx.xxx ] 來自：中國上海xx xx
try {
let ip = text.substring(text.indexOf("[") + 1, text.indexOf("]")).trim();
this.ipAddress.ip = ip;
let other = text.substring(text.indexOf("來自：") + 3).trim();
let arr = other.split(" ");
this.ipAddress.location = arr[0];
this.ipAddress.type = arr[1];
} catch (e) {
console.error(e)
}
})
}mounted：dom加載完成后調(diào)用
mounted() { //dom加載完成后執(zhí)行
this.getIpAddress();
console.log(this.ipAddress);//{ip: 'xxx.xx.xxx.xxx', location: '中國上海xx', type: 'xx'}
}文章來源：http://www.zghlxwxcb.cn/news/detail-857093.html
到了這里，關(guān)于vue2獲取當前設(shè)備的 IP 地址以及位置信息的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
