いくつかの従来の方法のaxios

      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で} //请求头

    })

おすすめ

転載: www.cnblogs.com/yaya666/p/12128727.html