詳細にaxios ------設定

:より転載https://blog.csdn.net/chjj0904/article/details/79086746

Axios設定パラメータの多くは、私たちは一つ一つを理解します

URL -サーバーにリクエストを送信するためのURL
方法-リクエストメソッドのGETメソッドのデフォルトの
ベースURL -ベースURLパス、URLでない場合は、絶対、https://some-domain.com/api/v1/loginなど?名前=ジャック、そしてサーバーのURLにリクエストを送信するベースURL +のURLになります。
transformRequestは- transformRequestメソッドは、このメソッドは、PUT、POST、およびPATCHメソッドに適用され、サーバーに送信する前に要求を変更することができます。また、この最後の方法は、文字列、ArrayBufferまたはストリームを返す必要があります。
transformResponse - transformResponse方法は、応答データは前にして送信される/漁獲データを変更することができます。最後に、この方法は、データを返す必要があります。
ヘッダ-ヘッダには、ヘッダファイルは、様々な情報httpリクエストが含まれている、カスタムヘッダーを送信します。
paramsが-データオブジェクトは、URLのparam1 = VALUE1&PARAM2 = value2の中にスプライシングされて、クエリパラメータオブジェクトの送信要求をparamsは ?。
paramsSerializer -のparamsパラメータシーケンスのガス化装置。
データ-データは、データ・オブジェクトPOST、PUTまたはパッチリクエストで送信されます。
タイムアウト-タイムアウト設定要求ミリ秒
withCredentialsは-クロスドメインリクエスト証明書を使用する必要があるかどうかを示す
アダプタは、より容易に処理要求をテストするためにユーザを可能にする-アダプターが。それは約束し、効果的な応答を返します
認証-認証は、完全な同一のhttp認証のための資格情報を提供することを示します。これは、ヘッダに認証の認証情報を設定します。カスタム認可認可するためには、のヘッダーを設定します。
responseTypeは-サーバーが応答のデータ型を返すことを示し、ブロブ、文書、JSON、そこarraybufferテキスト、ストリーム6種類を、デフォルトではJSON同様のデータです。
XSRFトークンクッキー名の値として- xsrfCookieName
xsrfHeaderName - HTTPヘッドトークン値のXSRF名を持つ
onUploadProgress -のアップロード処理中に操作の一部を行うことを許可され
onDownloadProgress -のダウンロード中に業務の一部を行うことを許可され
maxContentLength -定義されました応答データが受信した応答の最大長。
validateStatus - validateStatusは、HTTPステータスコードの決定に応じて、アクセスを受け入れるか拒否するかどうかを定義を約束します。validateStatusが(nullまたはundefinedまたはセット)真を返した場合、受信することを約束し、そうでない場合、拒否されることを約束します。
maxRedirects - maxRedirects、0に設定されている場合はないリダイレクト、Node.jsの最大リダイレクト定義します。
httpAgent -プロキシ使用してHTTPリクエストで定義
httpsAgentを-エージェントは、HTTPS要求を使用して定義されている場合
プロキシ-プロキシサーバーのプロキシホスト名とポート、認証定義さ
cancelTokenを- cancelTokenはキャンセルキャンセルトークン要求を定義します

統一コンフィグ設定
のテストインターフェースは、私たちはしばしば私たちの要求のすべてを離れて、この基本的なURLによって開始されているように、我々はすべてのConfigを介して設定することができ、オンライン環境とテスト環境を、切り替える必要があります。
= 5000 axios.defaults.timeout;
axios.defaults.headers.post [ 'タイプのコンテンツ'] = 'ファイルアプリケーション/ x-www-form-urlencodedで;のcharset = UTF-8';
axios.defaults.baseURL =「HTTP: //www.xxxx.xxx/api「;
// axios.defaults.baseURL =」http://192.168.1.129:8383「;
インターセプタインターセプタ
我々は多数の要求を開始した時に、私が強調する必要があり、ここで、、の必要性均一な処理は、それを使用するための要求になるだろう。私は個人的にVUE-リソースとaxios、より人間axios構成を使用した後に比較します。
このAPIの正式発表

彼らは前には、要求または応答を傍受することができ 、その後またはキャッチによって処理されている。
あなたは、要求または応答、その処理動作や異常をブロックすることができます前に、

単一の操作要求
の要求がPOSTであれば、設定はのparamsフィールドを使用することはできません、データフィールドが必要。
小さな警告、POSTは、ああ、私は文句を言うでしょう、パラメータをシリアル化する必要が合格、またはサーバーが正しく受信されていませんがあります。そこでここでは、データのシリアル化のための要求を行うことを持っています。

別名リクエストメソッド
方法以下のすべての要求は、さまざまな要求を容易にするため、別名axiosサポートされています。注:データ[...]表現は空でもよいです。URLは、Ajaxリクエストのアドレスであり、データは、データオブジェクトを提出し、config設定オブジェクトは、すべての構成は、Ajax設定で実装することができています。

axios.request(設定)
axios.get(URL [設定])
axios.delete(URL [設定])
axios.head(URL [設定])
axios.post(URL [、データ[設定]])
axios.put(URL [、データ[設定]])
axios.patch(URL [、データ[設定]])
同時実行
処理するためのインターフェースの同時要求(リクエスト同時に複数の複数の処理)以下

axios.all(反復可能)
axios.spread(コールバック)

公開された23元の記事 ウォン称賛7 ビュー20000 +

おすすめ

転載: blog.csdn.net/ghd602338792/article/details/96858155