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>
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值