Vueのは、ネットワーク要求axiosお勧めします:Vueのプロジェクトは、最近、再びそれへの復帰を開始しました。いくつかの方法は、それを最初からaxios。
1.インストール:それはVueのプロジェクトですので、私は一般的な方法のNPMを選びました
$ NPMがaxiosをインストールする(-d)
2.はじめに:CONST axios =必要とする( 'axios')またはESmoduleのバベル的CONST axios =インポート( 'axios')で形質転換
3.要求:GETリクエストは、リクエストメソッドは非常に柔軟です。
axios.get( '/ユーザー?ID = 12345')---------------------- URLパラメータが道を運びます
axios.get( '/ユーザ、{paramsは:{ID:12345}})-------モードパラメータオブジェクト
注:戻り値は約束を処理している------ここ復帰には2つの方法があります
の形で.. A Promise.then()キャッチ:
axios.get( '/ユーザ、{PARAM:{ID:12345}})。次に、(応答=> {にconsole.log(応答)})
B。非同期関数のgetUser(){
{試します
CONST応答=のawait axios.get( '/ユーザ、{PARAM:{ID:12345}})
}キャッチ(E){
console.log(E)
}
}
POSTリクエスト:パラメータオブジェクトは、に従って実施形態に合格
axios.post( '/ユーザ、{名:「ジョー・スミス」、年齢:「18」})注:PARAMその上に物体を通過する直接的な方法は存在しません。
4.同時リクエスト
fucntionのgetUser(){
axios.get( '/ユーザー/ 1234')
}
fucntion getPermission(){
axios.get( '/ユーザー/ 1234 /パーミッション')
}
axios.all([のgetUser、getPermission])。次に、(axios.spread(関数(ACCT、パーマ){----。次いで、方法、2つのパラメータACCTを受け付ける呼axios.spreadメソッドパラメータ関数、 PE
//これら2つのパラメータ、それぞれ、2つの戻り要求。
}))-------プロミスすなわち誤差関数捕捉キャッチの源のアレイは、調査すべき---
基本的な構成は、ヘッド及び他の一般的に使用されるbaseUrlにbaseUrlにするaxios.creat({設定}オブジェクト)を含んで提供されます
axios.creat({
ベースURL:「のhttp://some-domain.com/api/」のWebPACKにより、動作環境の構成を決定するために、// URLの基礎は、あなたがオンラインのアドレスを変更することができ、アドレスプレフィックスの開発
タイムアウト:1000、//応答タイムアウト
ヘッダー:{コンテンツタイプ:application / x-www-form-urlencodedで} //请求头
})