序文
Vueには、バックエンドインターフェイスを要求する3種類のモジュールがあります。
- ビューリソース
- axios
- フェッチ
ここでは、axiosを使用してバックエンドインターフェイスを要求します。
インストール
vueプロジェクトのディレクトリを入力し、以下を実行します。
npm install axios --save
使用する
axiosでサポートされているhttpリクエストメソッドは次のとおりです。
- axios.request（config）
- axios.get（url [、config]）
- axios.delete（url [、config]）
- axios.head（url [、config]）
- axios.options（url [、config]）
- axios.post（url [、data [、config]]）
- axios.put（url [、data [、config]]）
- axios.patch（url [、data [、config]]）
この記事では、axiosの使用に焦点を当てていません。ここでは、例としてgetを取り上げます。axios受信インターフェイスを使用して戻る場合は、矢印=>記号を使用して正しいこのポインターを取得する必要があります。
this。$
axios .get（ "/ userInfo"）。then
（
（response）=>
//成功を処理します（this.userdata = response.data））。
catch（function（error）{//エラーを処理しますconsole.log（エラー）;
}）。
then（function（）{//常に実行される
}）;
矢印関数を使用したくない場合は、変数を使用してこのポインターを外部から取得できますが、上記の記述を使用することをお勧めします。
。$
axios .get（ "/ userInfo"）。then
（
function（response）{
）
。（（error）{console.log（error）;
}）。
then（（）{
}）;
ブロガー：お金を稼ぐためのテスト
モットー：テストと自動化に焦点を当て、研究開発の効率を改善するよう努めます。元の蓄積を完了するためのテストと勤勉さ、読書と財務管理から経済的自由まで。
csdn：https：//blog.csdn.net/ccgshigao
ブログパーク：https：//www.cnblogs.com/qa-freeroad/
51cto：https：//blog.51cto.com/14900374