ホームページ > ウェブフロントエンド > jsチュートリアル > vue.js に vue-resource モジュールを導入し、http クロスドメイン リクエストを実装する方法

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

不言
リリース: 2018-08-23 16:14:22
オリジナル
5512 人が閲覧しました

この記事の内容は、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート