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)
        })