JSONPを使用してVUE要求データ

JSONPを使用してVUE要求データ

要求されたデータ、クロスドメインの問題が発生したときVueが、クロスドメインリクエストのVUEの問題を解決するために、そのため、傍受するクロスドメインリクエストに関する情報のセキュリティを保証するために、サーバは、JSONPを使用します。

インストールJSONP

npm install --save vue-jsonp

導入

インストールJSONPは、main.jsに組み込まれた後、

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