vue中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&notice=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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章