vue 使用 jsonp 请求数据

vue 使用 jsonp 请求数据

vue请求数据的时候，会遇到跨域问题，服务器为了保证信息的安全，对跨域请求进行拦截，因此，为了解决vue跨域请求问题，需要使用jsonp。

安装jsonp

npm install --save vue-jsonp

引入

安装完成之后在main.js中引入jsonp

import  VueJsonp  from  'vue-jsonp'

Vue.use(VueJsonp)

使用

引入jsonp之后，就可以使用jsonp跨域请求数据。

注意：并不是所有的网站都可以使用jsonp请求后台数据，需要后台支持jsonp。

var param = {
        header: {
          "content-type": "application/xml" // 豆瓣一定不能是json
        }
      };
      this.$jsonp('https://douban.uieee.com/v2/movie/in_theaters',param).then(
        (json) => {
          console.log(json)
        }).catvh(err => {
          console.log(err)
        })