getServerSidePropsがクッキーをサーバ側に転送する方法
次はnext-redux-wrapperを使用する場合のコードです.
このコードはクライアントサーバ上でのみ実行されるため、ブラウザにクッキーを書き込み、サーバに送信できないという問題があります.
以前、axiosはブラウザで実行されていたため、クッキーは自動的に転送されています.
要求されたクッキーは、以下の方法でサーバに送信されて解決できます.
このコードはクライアントサーバ上でのみ実行されるため、ブラウザにクッキーを書き込み、サーバに送信できないという問題があります.
以前、axiosはブラウザで実行されていたため、クッキーは自動的に転送されています.
要求されたクッキーは、以下の方法でサーバに送信されて解決できます.
export const getServerSideProps = wrapper.getServerSideProps(store => async ({ req }) => {
const cookie = req?.headers.cookie; // req가 있다면 cookie에 요청에 담겨진 cookie를 할당한다.
axios.defaults.headers.Cookie = ''; // 요청이 들어올 때마다 초기화 시켜주는 것이다. 여기는 클라이언트 서버에서 실행되므로 이전 요청이 남아있을 수 있기 때문이다
if (req && cookie) {
axios.defaults.headers.Cookie = cookie;
}
store.dispatch({
type: LOAD_MY_INFO_REQUEST,
});
store.dispatch({
type: LOAD_POSTS_REQUEST,
});
store.dispatch(END);
await store.sagaTask.toPromise();
});
Reference
この問題について(getServerSidePropsがクッキーをサーバ側に転送する方法), 我々は、より多くの情報をここで見つけました https://velog.io/@vagabondms/getServerSideProps에서-cookie를-서버측으로-전송하는-법テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol