Axios


Axios
AxiosはHTTP通信を行う非常に人気のあるJsライブラリです.
今まで学んだfetchリクエストよりも多く使われているそうです.
AxiosはPromiseに依存して通常async waitを使用する.
長所
  • E 8以降のすべての最新ブラウザ
  • の古いブラウザをサポートします.(Fetch APIには複数の文字が必要です.)
  • リクエストを停止できます.
  • 応答タイムアウトを設定する方法がある.
  • CSRF保護機能を内蔵.
  • JSONデータ自動変換
  • Node.jsでの使用
    出典:https://tuhbm.github.io/2019/03/21/axios/
  • 使用方法
    axios({
      url: 'https://test/api/cafe/list/today',
      method: 'get',
      data: {
        foo: 'diary'
      }
    });
    上記のように、パラメータにはキー:値オブジェクトとして記述されます.urlの値はhttpリクエストを送信するサーバのurlから来ます.methodの値は、要求するためのHTTPメソッドである.dataの値はオプションであり、要求はサーバのAPIによって必要なデータを送信する.
    このほか、ヘッダに送信されるオプションheadersもある.
    方法をより明確に分離してJQueryのような形で要求を送信することも可能である.
    axios.get()
    axios.post()
    ここで、getは、urlの2番目のパラメータに対して、最初のパラメータでoption(data)を作成することを要求する.
    postはbody値を送信しなければならないので,2番目のパラメータはbodyとなる.
    3番目のパラメータはoption(data)となる.
    //예시
    axios.post('https://velog.io/@woals3000', param, {headers})
    withCredentials
    安全認証スプレー中にCookieを作成すると、
    私は自動的にヘッダに送られることを学んで、クッキーは行方不明になりました(?)時々できます.
    これに対し、COS政策は一時的に現れた.
    CORSは、それに伴うオリジン要求を許容する政策だ.
    同じOrigin上でhttp通信を行う
    これでクッキーはrequest headerに入ります.
    他のOriginがHTTP通信を行う場合
    request headerには自動的にクッキーが入っていないので、直接クッキーを入れる必要があります.
    リクエストに組み入れたい場合は、2つの作業を行うことができます.
    フロントエンド:withCrementagents:true
    ≪サーバー|Server|ldap≫:≪アクセス|Access|ldap≫-≪制御|Control|ldap≫-すべての資格証明:true
    要求された場合は、withCrementures:true、同様に、サーバの応答ヘッダにアクセス制御を提供するすべてのCrementures:true.
    コメントサイト
    https://tuhbm.github.io/2019/03/21/axios/
    https://kosaf04pyh.tistory.com/152