vue中jsonp跨域小栗子
跨域问题早就想解决了,趁着周末,上网找了点资料,看到网上有一个封装好的插件很好用,插件地址如下://首先npm install jsonp安装此插件写了个小栗子,代码如下:<template><div><h1>jsonp跨域小栗子</h1></div></template><script>import thisisjsonp from 'jsonp';
·
跨域问题早就想解决了,趁着周末,上网找了点资料,看到网上有一个封装好的插件很好用,
插件地址如下:
//首先npm install jsonp安装此插件
写了个小栗子,代码如下:
<template>
<div>
<h1>jsonp跨域小栗子</h1>
</div>
</template>
<script>
import thisisjsonp from 'jsonp';
export default {
created(){
this.getdata();
},
methods:{
getdata(){
//此处的url是完整的地址,可以改进下重新封装此url
var url='https://c.y.qq.com/splcloud/fcgi-bin/gethotkey.fcg?g_tk=223259203&jsonpCallback=hotSearchKeysmod_top_search&loginUin=1234567&hostUin=0&format=jsonp&inCharset=utf8&outCharset=utf-8¬ice=0&platform=yqq&needNewCode=0&jsonpCallback=__jp1';
var param={
param:'jsonpCallback'//此处的jsonpCallback是对应的回调函数名称
};
thisisjsonp(url,param,(err,data)=>{
if(!err){
console.log(data)
}
else{
console.log(err)
}
})
}
}
}
</script>
<style scoped>
</style>
更多推荐
已为社区贡献1条内容
所有评论(0)