私はReactページにリクエストしました。リクエストからヘッダーを取得する必要があります。React.jsでhttpヘッダーを取得するには
私は、URLを介してページを呼び出す：例AUTHCODE = 1234のために、
と私はヘッダーを設定。
私は、このルートにページをロード：
<Route path="dashboard" name="dashboard" component={Dashboard} onEnter={requireAuth}></Route>
はthis.props.headerのようなものがあり、私はページのコンストラクタで呼び出すことができますか？
javascriptでhttpリクエストを送信せずに現在のページヘッダーを取得できません。 詳細はinfoです。
ダミーのapi urlをサーバーに追加し、ページをロードした後にヒットしてヘッダーを取得できます。
class App extends React.Component{
//some code
componentDidMount(){
fetch(Some_API).then(response=>{
console.log(response.headers)
})
}
//some code
}
クライアントのJavaScript経由でページヘッダーにアクセスすることはできません。サーバー側でこれらのリクエストヘッダーを取得し、Reactアプリのindex.htmlに渡すことができます。例：
//in index.html
<head>
...
<script>
window.__INITIAL_HEADERS__ = {/* page headers */};
</script>
</head>
<body>
...
</body>
次に、window.__INITIAL_HEADERS__変数を使用してヘッダーにアクセスできます。
どのヘッダーですか？ 'http-request'は進行していません。反応ルータでは、どのルートにどのコンポーネントを表示するかを決定するだけです。しかし、http-requestはありません。私が間違っているなら私を訂正してください。 – nrgwsth
@anuragasaurus他のページからナビゲートするときの意味を理解しています。私は別のURLからこのリクエストへの最初のリクエストに関して、ヘッダーを渡して話しています。私は質問を更新しました。 – Wayneio