美文网首页
vue jsonp插件使用

vue jsonp插件使用

作者: Gino_Li | 来源:发表于2019-04-19 18:11 被阅读0次

要跨域的百度搜索接口:

https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=1&cb=callback

1.安装

npm install jsonp --save-dev

2.引入jsonp

import jsonp from 'jsonp';

3.请求数据

export default {
    created(){
        //jsonp请求数据
        var keyword = "李白";
        var baseUrl = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su";
        var _url = baseUrl + '?wd='+keyword+'&cb=callback';
        jsonp(_url,(res)=>{
            callback(res);
        })

    //注意:callback需挂载到window下
        window.callback = function(data){
            console.log(data)
        }
    }
}

注意点:

  • jsonp只能用get方法请求,不能用post
  • callback需要挂载到window下

相关文章

网友评论

      本文标题:vue jsonp插件使用

      本文链接:https://www.haomeiwen.com/subject/nxpcgqtx.html