すべてのフェッチ要求の前にカスタムネームをアタッチしてネイティブで応答する

Question

レスポンスアプリケーションを設定して、httpリクエストを行う前にカスタムリクエストを添付するにはどうすればよいですか？同じ目的のためにangularjsに$ httpProviderがありました。それを反応させる方法は何ですか？

Answer 1

コールを関数にラップしてヘッダーを追加するだけですか？

global.FetchWithHeaders = async function(verb, url, data){ 
    const request = { 
      method: verb, 
      headers: { 'X-Auth-Token': '[Example Header Token]' } 
     }; 

    if (data) { 
     request.body = JSON.stringify(data); 
    } 

    const responseObj = await fetch(url, request) 
     .then(function(response){ 
      //Do something with response 
      console.log(response); 
     }); 

    return responseObj; 
}; 

上記のようにコンポーネントまたはグローバルに座ることができます。あなたはそれをどのように使いたいかによって異なりますか？

Answer 2

reactは、埋め込まれたhttpプロバイダー機能を使用しません。 superagentのような外部モジュールを使用する必要があります。利用できる：jquery ajax。フェッチデータが

Answer 3

が反応ライフサイクルを反応させる際の角度は、フレームワーク、単にビュー層ではないとは異なり

は、理解する facebook with ajax postを見てください。データの取得、ルーティング、状態の管理などを行うには、他のライブラリを使用する必要があります。 axiosを使用するとかなり良いです。

import axios from 'axios' 
var http = axios.create({ 
    baseURL: 'https://some-domain.com/api/', 
    headers: {'X-Custom-Header': 'foobar'} 
}) 
http.get('/some-endpoint').then(...)