Ruby on Rails devise _token _authのログイン、ログアウトのエラーについて。

Question

開発環境

バックエンド
Ruby・・・3.2.2（API）モード
Ruby on Rails・・・7.0.8

フロントエンド
React・・・18.2.0
Next.js・・・14.0.3

実現したいこと

railsのgemである 「devise_token_auth」 をバックエンドに利用して、ログイン、ログアウト機能を実装したい。

ユーザーの新規登録は実装完了
ログインのテストでは「ステータス 200 OK」となるがcurrent_userはnullになる。

当サイトは初めての利用ですので見づらかったりするかもしれませんが、ご回答お願いいたします。

雛形作成

rails new test-app --api

各gemのインストール

gem "rack-cors"

gem "devise"

gem "devise_token_auth"

bundle

rails g devise:install

rails g devise_token_auth:install User auth

DBに反映

rails db:migrate

モデル

# frozen_string_literal: true

class User < ActiveRecord::Base
  # Include default devise modules. Others available are:
  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable

  devise :database_authenticatable, :registerable,
         :recoverable, :rememberable, :validatable
  include DeviseTokenAuth::Concerns::User
end

コントローラーの作成

rails g controller api/v1/auth/registrations
rails g controller api/v1/auth/sessions

コントローラーの編集

class Api::V1::Auth::RegistrationsController < DeviseTokenAuth::RegistrationsController

    private
     def sign_up_params
        params.require(:registration).permit(:name, :email, :password, :password_confirmation)        
     end

class Api::V1::Auth::SessionsController < ApplicationController
    def index
      if current_api_v1_user
        render json: { is_login: true, data: current_api_v1_user }
      else
        render json: { is_login: false, message: "ユーザーが存在しません" }
      end
    end
 end

ルーティングを編集

Rails.application.routes.draw do
  namespace :api do
    namespace :v1 do
      mount_devise_token_auth_for 'User', at: 'auth', controllers: {
        registrations: 'api/v1/auth/registrations'
      }
      namespace :auth do
        resources :sessions, only: %i[index]
      end
    end
  end
end

devise_token_auth.rbの編集

#下記をコメントアウト

DeviseTokenAuth.setup do |config|
#中略
config.change_headers_on_each_request = false

#中略
config.token_lifespan = 2.weeks

#中略
config.headers_names = { 'access-token': "access-token",
                           client: "client",
                           expiry: "expiry",
                           uid: "uid",
                           'token-type': "token-type" }

Thunder Clientで動作確認

新規登録

 http://localhost:4000/api/v1/auth #httpメソッド post

---------------------
{
  "name": "test",
  "email": "[e-mail]",
  "password": "test00",
  "password_confirmation": "test00"
}

上記のパスで新規登録は完了。

ログイン

http://localhost:4000/api/v1/auth/sign_in #httpメソッド post
---------------------
{
  "email": "[e-mail]",
  "password": "test00"
}

ログインステータス200 OK が帰ってきて
headersの
"uid"
"access_token"
"client"
も取得。

ログアウト

http://localhost:4000/api/v1/auth/sign_out #httpメソッド delete
------------------------------
{
  "uid": "0000000",
  "access_token": "00000000",
  "client": "0000000"
}

ここでステータス 500 Internal Server Errorが返され、ログアウトができない。

試したこと

フロント側でログイン時に取得した
”uid"
"access_token"
"client"
の情報をコンソールに出力したところ正常に値は取れていました。

rails側でも
current_api_v1_userはnullになるためログインができているのかもわかりません。

まだまだ分からない事だらけですが、回答お願いします。

Answer 1

以下の3行を
config/application.rb
に追加したら解決しました。

参考 https://hokaccha.hatenablog.com/entry/2018/05/02/214255

#config/application.rb
------------------------
config.session_store :cookie_store, key: '_interslice_session'
config.middleware.use ActionDispatch::Cookies # Required for all session management
config.middleware.use ActionDispatch::Session::CookieStore, config.session_options