如果我们用VueResouce直接请求,这样写(以豆瓣api为例):

this.$http.get('https://api.douban.com//v2/movie/top250').then((response) => {
        this.movie = response.data;
        console.log(this.movie); 
});

就会报错:

因为这是一个跨域的请求,不能直接去访问别的后台,这里可以用JSONP解决这个问题,直接改写成:

复制代码

 this.$http.jsonp('https://api.douban.com//v2/movie/top250', {},
   { 
      headers: {},
      emulateJSON: true }).then((response) => {
        this.movie = response.data;
        console.log(this.movie);
      });

复制代码

就能够正确返回数据了:

豆瓣默认返回20个数据,你可以通过start=a&count=b来取得你想要的a-b的数据

Logo

前往低代码交流专区

更多推荐