vue 获取ip,vue获取本机ip
本文主要介绍了如何在vue中获取本地IP地址，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。
目录
获取本地IP地址1。在浏览器2中。在vue文件中，获取本地intranet IP，如下所示。
获取本地IP地址
IP地址需要通过js获取：
网上有很多获取IP的查询界面，搜狐的也很多。我这里用搜狐的：
http://pv.sohu.com/cityjson?ie=utf-8
1、在浏览器中
直接输入这个地址，就可以得到ip信息：
2、在vue文件中，实现如下
（1）在config/index.js中 proxyTable:{ } ,在里面添加代理规则
/api: {
Target: 3358pv.sohu.com ，//这里是域名，不是完整地址
ChangeOrigin: true，//是跨域的吗？
路径重写：{
^/api:
}
}
目标：3358接口的域名。注意这是域名，不是完整的IP；Secure: false，//如果是https接口，需要配置这个参数；ChangeOrigin:true，//如果接口是跨域的，需要配置这个参数；注意：
“/API”是匹配项，target是请求的地址。因为前缀/API 被添加到ajax url中，但是原来的接口没有这个前缀，所以需要通过pathRewrite重写地址，将前缀/API 改为/。如果接口地址本身有通用前缀/api ，可以删除pathRewrite。
（2）具体使用，我在里是用已经封装好的axios
（3）此处获取到的地址为外网地址：
获取本地内网IP
将代码插入项目的config/index.js下。
const OS=require( OS )；
函数getNetworkIp() {
设need host=“”；//打开主机
尝试{
//获取网络接口列表
let network=OS . network interfaces()；
//console.log(network ，network)
对于(让开发人员进入网络){
设iface=network[dev]；
for(设I=0；i iface.lengthi ) {
设alias=iface[I]；
if(alias . family=== IP v4 alias . address！==127.0.0.1 !alias.internal) {
needHost=alias.address
//console.log(alias.address ，alias.address)
}
//console.log(alias ，别名)
}
}
} catch (e) {
needHost=“localhost”；
}
返回needHost
}
根据下图修改主机：
最后，在主页中需要获取ip的地方插入以下代码：
var IP=window . location . host；
console.log(ip ，ip.split(:)[0])
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。