Railsでログアウトができない問題について

Question

#解決したいこと
Railsでログイン機能を持つTodoアプリを作成しています。
ログアウトを押すと、Routing Errorとなりログアウトが実行出来ません。ログアウトできるように解決したいです。
よろしくお願いします。

#エラー画面
以下のようなエラー画面が表示されました。

#実行したこと
ルーティングエラーと言うことで、以下を確認しましたが、解決できませんでした。

• ルーティングの確認
• .jsファイルの確認

#作成したコード
作成したコードを掲載します。

app/controllers/sessions_controller.rb

class SessionsController < ApplicationController
  #ログインページの表示
  def new
  end

  def create
    #DBからユーザーを取り出す。
    user = User.find_by(email: params[:session][:email].downcase)
    if user && user.authenticate(params[:session][:password])
      #パスワードが登録されたユーザー情報と一致したら、セッションにユーザー情報を登録する。
      log_in user
      redirect_to '/'
    else
      flash[:alert] = 'Invalid email/password combination'
      render 'new'
    end

  end

  def destroy
    logout
    flash[:notice] = "Logged out!"     #追加が成功した際に、flashメッセージを表示する。
    redirect_to '/'
  end
end

app/controllers/sessions_helper.rb

module SessionsHelper
  #渡されたユーザーでログインする。
  #攻撃者がこの情報をcookiesから盗むことができたとしても、本物のユーザーとしてログインすることはできない。
  def log_in(user)
    #ユーザーのブラウザ内の一時cookiesに暗号済みのユーザーIDが自動で生成される。
    #session[:名前]により、名前をつけてセッションに登録できる。
    session[:user_id] = user.id
  end

  #セッションに含まれる現在のユーザーを検索する。
  def current_user
    if session[:user_id]
      @current_user ||= User.find_by(id: session[:user_id])
      #@current_user = @current_user || User.find_by(id:session[:user_id])
    end
  end

  #ユーザーがログインしていればtrue,そうでなければfalseを返す。
  def logged_in?
    #current_user.nil?がfalseの場合(すなわち・・・)にtrueとなる。
    !current_user.nil?
  end

  #ログイン中のユーザーをログアウトする.
  def logout
    session.delete(:user_id)
    @current_user = nil
  end
end

app/views/layouts/application.html.erb
ヘッダー部分のみ掲載します。

<!--ヘッダー-->
  <header>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <div class="container-fluid">
        <a class="navbar-brand"><%= link_to("Todoアプリ","/")%></a>
        <div class="collapse navbar-collapse justify-content-end" id="navbarNavAltMarkup">
          <div class="navbar-nav">
            <% if logged_in? %>
            <a class="nav-link"><%= link_to "タスク一覧", tasks_path %></a>
            <a class="nav-link"><%= link_to "ログアウト", logout_path, method: :delete %></a>
            <a class="nav-link"><%= link_to "ユーザー一覧", users_path %></a>
            <% else %>
            <a class="nav-link"><%= link_to "新規登録", new_user_path %></a>
            <a class="nav-link"><%= link_to "ログイン", login_path %></a>
            <% end %>
          </div>
        </div>
      </div>
    </nav>

  </header>

app/javascript/application.js

import Rails from "@rails/ujs"
import Turbolinks from "turbolinks"
import * as ActiveStorage from "@rails/activestorage"
import "channels"
import 'bootstrap'
import '../src/application.scss'

//= require rails-ujs
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require turbolinks
//= require_tree .

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("jquery")

Rails.start()
Turbolinks.start()
ActiveStorage.start()

config/routes.rb

Rails.application.routes.draw do
  get 'sessions/new'
  get    '/' => "home#top" #トップページのルーティング home:コントローラー名 top:アクション名
  get    'login' => 'sessions#new'         #新しいセッションのページ(ログイン)
  post   'login' => 'sessions#create'     #新しいセッションの作成
  delete 'logout' => 'sessions#destroy'  #セッションの削除(ログアウト)
  #resourcesメソッドを用いることで、HTTPメソッドとURLとアクションを自動的に紐付ける。
  #Tasksコントローラーのルーティングが自動生成される。
  resources :tasks
  resources :users
  resources :sessions
end

Answer 1

routes.rbのところで、
delete 'logout' => 'sessions#destroy' #セッションの削除(ログアウト)
を
get 'logout' => 'sessions#destroy' #セッションの削除(ログアウト)
に変更したところ、うまく動作しました。rails routesでルーティングの確認をすると、
logout GET /logout(.:format) sessions#destroy
となっており、HTTP動詞がGETであるので、deleteをgetに変更すると動作しました。

Answer 2

https://teratail.com/questions/291155

https://qiita.com/khksmt1999/items/09015c345d88e47a77bd

同じようなエラーが出ているようなので、一度試してみてください。

Comments

[suzuryu.07]

返信ありがとうございます。rails-ujsも動作しており、他の箇所を疑ってみたところ、HTTP動詞がGETになっているのに、ルーティングでdeleteに指定していたことが原因でした。
deleteをgetに変更したところ、うまく動作しました。
ありがとうございました。