axios は vue にありますか?

青灯夜游
リリース: 2021-12-22 17:21:39
オリジナル
2857 人が閲覧しました

axios は vue にありません。 Axios は、http リクエストを送信するための Promise ベースのツール ライブラリです。Vue のサードパーティ プラグインではありません。使用する場合、「Vue.use()」を通じてプラグインをインストールすることはできず、バインドする必要があります。プロトタイプについて。

axios は vue にありますか?

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

axios は vue にありません。

axios はライブラリであり、vue のサードパーティ プラグインではありません。これを使用する場合、Vue.use() を介してプラグインをインストールすることはできず、プロトタイプにバインドする必要があります。

axios は、ブラウザと node.js で実行できる Promise ベースの http ライブラリですが、作者の You Yuxi も公式ライブラリ vue-resource のメンテナンスを断念し、axios ライブラリを直接推奨しました。

axios の役割: axios は主にバックグラウンドへのリクエストを開始するために使用され、リクエスト内でより制御可能な機能も備えています。

機能

  • サポート プロミス API

  • リクエストとレスポンスのインターセプト。リクエストをインターセプトするにはリクエスト パラメータをフィルタリングし、レスポンスをインターセプトするにはレスポンス例外を処理します。

  • リクエストをキャンセルします。リクエストは手動でキャンセルできます

vue で axios を使用します

1. axios モジュールをインストールします

$cnpm install --save axios  #安装
ログイン後にコピー

2. main.js で axios を参照し、プロトタイプ チェーンにリンクします。プラグインを使用する場合、通常、プラグインはエントリ ファイル main.js に導入されます。これは、main.js がプロジェクトによって実行される最初のファイルであるためです。

import Vue from 'vue'
import axios from ‘axios’
Vue.prototype.$http = axios
ログイン後にコピー

使用法:

axios は vue にありますか?

3. vue-axios は axios を Vue.js に統合する小さなラッパーで、プラグインのようにインストールできます。

$cnpm install --save axios vue-axios  #安装
ログイン後にコピー

main.js で axios および vue-axios を参照し、グローバル メソッド Vue.use() を介してプラグインを使用することは、インストール メソッドを呼び出すことと同じです:

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
ログイン後にコピー

Usage:

axios は vue にありますか?

$cnpm install --save axios vue-axios
ログイン後にコピー

axios と vue-axios をインストールすると、Vue プロジェクトの下の node_modules/_vue-axios/src/index.js に vue-axios のソース コードが表示されます。 。 Vue のプラグイン記述方法を使用することは、Vue の全体的な生態環境により適合します。プロトタイプチェーンを直接書くのは少し乱暴な気がするので、よほど低レベルの実装でない限り、この方法で書くことはお勧めできません。

[関連する推奨事項:「vue.js チュートリアル 」]

以上がaxios は vue にありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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