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