[rails] react→ rails apiでcookieの値を取得する

概要

ユーザーログイン時にrails側で設定したcookiesの値を、reactのfetch呼び出し時にrailsのapiで取得する方法を記載した記事です

環境

• rails8.0.1
• react18

対象読者

railsで設定したcookiesの値を、reactのfetch時にrailsで取得したい人

railsのcookies

railsでcookeiを設定する場合は以下のように実装します。

cookies.signed.permanent[:user_id] = 1

取得する場合は以下です。

cookies.signed[:user_id]

reactのfecth

ブラウザに保存されたcookiesをサーバーサイドに送るには、fetch時に

credentials

を利用します

  const response = await fetch(`${apiBaseUrl}/apis/hoge`, {
    method: 'GET',
    mode: 'cors',
    credentials: 'include',
  });

これでcookieをサーバーサイドに送信することができます。