I.はじめに
Axiosは、HTTPライブラリの約束に基づいており、あなたは、ブラウザとのNode.jsを使用することができます。
私たちは、以下のサービスを提供することができます。
ブラウザからのXMLHttpRequestsを作成するための1、
2、Node.jsのからのHTTPリクエストを作成します
3、サポートPromiseAPI
図4に示すように、要求と応答を傍受します
図5に示すように、データ変換要求及び応答データ
図6に示すように、キャンセル要求
図7に示すように、データは自動的にJSONに変換されます
8、クライアント・サポート・防衛XSRF
オプション2:
1、axiosのインストール:
インストールのコマンド; NPM axiosをインストール
2、axiosリクエストの五種類:
1⃣️get:より一般的にデータを取得するために使用
引数はありません
モード:Axios({方法: 'GET' 、URL: '/ ULR' })
第二の方法:axios.get( '/ URL')
パラメータ axios.get:方法A( '/ URL'、 {paramsは:{ID 12}})// 実際の要求のアドレスはlocalhost:8080 / URLのID = 12 ? 第二の方法:Axios({ 方法:「GET ' URL:' URL」、 paramsは:{ ID:12です } })
2⃣️post:メインフォームデータを提出し、ファイルをアップロード
データ} = {ましょう LETの設定が= {} 方法:axios.post( '/ URL'、データ、コンフィグ) 第二の方法:Axiosを({ 方法: 'POST'、 URL: '/ URL'、 データ:データ、 設定:設定 })
二つのデータフォーマット形式データ(画像のアップロード、ファイルのアップロード)applicition / JSON(より一般的)が存在する
二つの方法の上方にはappliction / JSON形式は、
データ型:として以下
LET =新しい新しいFORMDATA FORMDATA ()
LET = {データ
ID:12である
}
のために(LETキーデータで){
formData.append(キー、データ[キー])//寝台フォームデータフォーマットデータ
}
Axios({
方法: 'POST'、
URL: '/ URL'、
データ:FORMDATA
})
リクエストヘッダがブラウザで要求のコンテンツタイプの内部に見ることができた後に、この要求が発行されている:フォームデータを形成します
すべてのデータが更新され3⃣️put
ポスト要求と似ていますが、異なる要求方法
4⃣️patch変更されたデータのみが更新されます
ポスト要求と似ていますが、異なる要求方法
5⃣️delete削除要求(urlパラメータも記事にし、要求の同じボディに置くことができます)
axios.delete( '/ URL'、{paramsは:{ID:12}})のURLのparamsにおける重要なパラメータであります
axios.delete( '/ URL'、{データ:{ID:12}})身体パラメータのparamsには、回線上のデータを要求します