无法获取JSONP数据

Question

很抱歉问了什么看起来像一个常见的问题，但我似乎无法从jsonp获得数据。

我尝试了以下几点：

  window.onload = () => {
  var app = new Vue({
    el: '#app',
    data: {
      myData:[],
      t1:''
    },
    methods:{
       get(){
         this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su'),{
           wd:this.t1
         },{
           jsonp:'cb'
         }.then((res)=>{
           this.myData = res.data.s;
         },()=>{
           alert(res.status)
         })
       }
    }
  })
}

和

<div id="app">
<input type="text" v-model='t1' @keyup='get()'>
<ul>
  <li v-for='item in myData'>item</li>
</ul>
<p v-show='myData.length == 0'>empty...</p>

​

我该怎么解决呢？

任何帮助都是非常感谢的！

Answer 1

别担心!我让一个JSFiddle试着找出你的具体问题。百度似乎不允许您更改jsonp回调的名称，或者至少不允许使用我尝试过的任何参数，例如cb、callback或jsonpCallback等等。

然后，我尝试告诉vue-resource手动将实际回调名设置为window.baidu.sug，但它不似乎vue资源可以处理设置嵌套在其他对象中的自定义回调名称。

简而言之，您正在执行 nothing 错误，并且有两种可能解决问题的解决方案：

1. 您知道百度API是否允许您通过查询参数设置jsonp回调函数的名称吗？如果是这样，这将是最快的解决您的问题。然后，将jsonp选项设置为百度用于设置查询参数名称的查询参数的名称。我在文档中找不到它，但似乎cb不是正确的查询参数名称，甚至根本不支持它。
2. 向适当支持嵌套在其他对象中的回调函数的vue-资源提交一个PR。这种改变需要在这里周围的某个地方进行。