网易云播放器做网站播放,做网站和app哪类商标,音乐展示网站建设平台,昆明网络公司网站建设由于端口设置与查询服务器不一致#xff0c;所以不能直接从ip138网上抓取#xff0c;只能跨域查询。实现跨域查询#xff0c;简单的方法是使用jsonp方式#xff0c;只支持get请求#xff0c;同时也需要查询的服务器支持jsonp。这时找到了腾讯位置服务。参考文章#xff0…由于端口设置与查询服务器不一致所以不能直接从ip138网上抓取只能跨域查询。实现跨域查询简单的方法是使用jsonp方式只支持get请求同时也需要查询的服务器支持jsonp。这时找到了腾讯位置服务。参考文章代码有一些需要注意看下文。
1.注册账号
首先在https://lbs.qq.com/console/setting.html这个网页中 申请你自己key也就是密钥有了这个密钥你才有资格使用位置服务api
2.添加key
申请后然后在官网上设置你的key找到 key管理–》启用产品–》WebServiceAPI 选择授权IP 内容输入0.0.0.0-255.255.255.255 key名称随意因为后面发起jsonp时参数名必须为key
3、给ip定位接口添加配额
个人开发者可设置调用量最高10000每天自动清零。
4、安装vue-jsonp
工程目录下运行cmd
npm i vue-jsonp -S在main.js中导入vue-jsonp
import {VueJsonp} from vue-jsonp; //注意这里要加花括号
Vue.use(VueJsonp);调用jsonp方法获取数据 //使用腾讯服务获取ip和归属地getIpAddress(){this.$jsonp(https://apis.map.qq.com/ws/location/v1/ip, {key:xxxxxx,//注意这里使用key为键名output:jsonp,}).then(response {console.log(response);console.log(response.result.ip);console.log(response.result.ad_info.nation);console.log(response.result.ad_info.province);console.log(response.result.ad_info.city);}).catch(error {console.error(error);});},
