vue获取当前IP所在地天气.docx_vue获取当前ip所在地天气,vue根据ip获取天气 - CSDN文库

需积分: 48 31 浏览量更新于2023-03-16 评论收藏 60KB DOCX 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

 需求说明：通常我们在做一个项目时，首页需要一个模块，根据 ip 地址获取实时

当地城市、时间、天气。因为天气的接口需要城市这个参数，因此首先需要根据 ip

地址获取设备所在城市，再在回调函数中调用天气的接口。

 1.定位 ip 地址所在城市

 网上有很多获取位置的 api，但是使用腾讯的位置服务 api 最好，

返回的信息最全，包括经纬度，国家城市地区等。而其他绝大多

数仅仅反馈了一个城市名。

 1.1 获取使用腾讯位置 API 资格

 首先在 https://lbs.qq.com/console/setting.html 这个网页中，申

请你自己 key，也就是密钥，有了这个密钥，你才有资格使用位

置服务 api；

 1.2 设置授权 IP

 申请后，然后在官网上设置你的 key，找到　　key 管理–》启用

产品–》WebServiceAPI 选择授权 IP 内容输入 0.0.0.0-

255.255.25.255

 1.3 使用 API 获取 IP 地理位置

 这个接口是跨域的，腾讯给的方法是 jsonp 解决跨域，倘若是原

生，我们可以直接用 jq 来进行 jsonp 跨域，可是 axios 根本不能

进行 jsonp 跨域，网上查了半天，才找到 vue 中原来有一个依赖

vue-jsonp 用于专门解决 jsonp 跨域。

 1.3.1 处理跨域问题

 安装下载 vue-jsonp 依赖

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

评论0

微微一动

粉丝: 175
资源: 7

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈