vue.js に vue-resource モジュールを導入し、http クロスドメイン リクエストを実装する方法

この記事の内容は、vue.js に vue-resource モジュールを導入し、http クロスドメイン リクエストを実装する方法についてです。必要な方は参考にしていただければ幸いです。 。

vue プロジェクトの vue-resource モジュールを参照してください

npm install vue-resource --save-dev

main.js ファイル内の参照

//引入 vue-resource模板
import VueResource from 'vue-resource'

Vue.config.productionTip = false;
Vue.use(VueResource);


new Vue({
  el: '#app_head',
  components: { App_head },
  template: &#39;<App_head/>&#39;,
  created(){                                 //created() 网页运行时触发
   this.$http.get("http://jsonplaceholder.typicode.com/users")   //使用http请求
     .then((data) =>{                                  //请求成功后返回结果给 data
       console.log(data);
     })
  }
});

クロスドメインリクエストの問題が発生する可能性があります
このコードを php ファイルに追加できます

<?php
      header("Access-Control-Allow-Origin: *");
?>

関連推奨事項:

Vue-cli がクロスドメインリクエストを実装する方法の詳細な説明

vue.js でのルーター設定方法の紹介

以上がvue.js に vue-resource モジュールを導入し、http クロスドメイン リクエストを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。