通过jsonp简单获取接口数据,对了,注意下jsonp方法会自动添加callback
<template> <div class="sky"> <h3>获取城市:</h3> <div class="skycon"></div> </div> </template> <script> //导入jsonp插件 import jsonp from 'jsonp'; export default{ data(){ return { } }, created(){ //jsonp请求数据 this.getLocation() }, methods:{ getLocation(){ let url = "https://apis.map.qq.com/ws/location/v1/ip?key=CAABZ-AVSAQ-RDR5L-GTBDJ-HLA4O-A5FDB&output=jsonp&_=1599182599164" //jsonp方法会自动添加callback jsonp(url,{},(err,data)=>{ //url地址 //{}参数 //(err,data)错误信息,获取的数据 console.log(data) }) } } } </script> <style> </style>
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2018 群英 版权所有 茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号-36 粤公网安备 44090202000006号 粤工商备P091701000595