javascript - 使用vue-resource的$http.jsonp()方法访问百度搜索接口报错，请问是何原因？

Question

以下是代码：

this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su', {
    wd: 'a'
},{
    jsonp: 'cb'
}).then(function(res) {
    alert(res.data.s);
}, function(res) {
    alert(res.status);
});

以下是报错信息：

Answer 1

window.baidu.sug 你window上有这个对象吗？他这个应该没做callback改名吧，要不然就是不叫callback

Answer 2

this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?', {
                    params: {
                        wd: this.input
                    },
                    jsonp: 'cb'
                }).then((res) => {
                    this.searchRes = res.body.s
                })

后面拼的字符串要 写在 params上（基于1.3的版本 后面的更新没有不太清楚 太久没用）

github上的文档你可以看一下
vue-resource

Answer 3

鉴于不知道怎么修改"window.baidu.sug"。

按照源码这个文件说的
https://github.com/pagekit/vu...

只要这样

    window.baidu={};
    window.baidu.sug=function(json){
       window.boomshakalaka(JSON.stringify(json));
    }
    this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su', {
        params:{ wd: 'a'},
         jsonpCallback : 'boomshakalaka'
    });