【devise利用】「ログアウト」の文字をクリックしたらログアウトできるようにしたい

Question

実現したいこと

• 「ログアウト」の文字をクリックしたらログアウトできるようにしたいです。現状、ログアウトをクリックしてもエラーが返ってきます。

前提

Ruby on Railsでユーザー登録機能のあるアプリを作ろうとしています。
deviseを使ってログアウト機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

Routing Error
No route matches [GET] "/users/sign_out"
Rails.root: /home/fukaken/projects/umamusume_crown_complete

該当のソースコード

            <% if user_signed_in? %>
              <li class="nav-item">
                <%= link_to "トレーナープロフィール", "#", class: "nav-link active", "aria-current" => "page" %>
              </li>             
              <li class="nav-item">
                <%= link_to "ログアウト", destroy_user_session_path, method: :delete, class: "nav-link" %>
              </li>
            <% else %>
              <li class="nav-item">
                <%= link_to "新規登録", new_user_registration_path, class: "nav-link" %>
              </li>
              <li class="nav-item">
                <%= link_to "ログイン", user_session_path, class: "nav-link" %>
              </li>
            <% end %>

関係ありそうなファイル（routes.rb）

Rails.application.routes.draw do
  devise_for :users
  root to: 'umamusumes#index'
  resources :umamusumes, only:[:index]
end

試したこと

・html.erbファイルやroutes.rbファイルなどで誤字脱字がないかを調べた。
・一旦サーバーの再起動をrails sで試してみた。
・シークレットウィンドウから同じアカウントでログインして、ログアウトをクリックした。

補足情報

rubyは6.0.0を使っています。

Answer 1

エラーメッセージよりGETメソッドでリクエストされたようです
deviseのログアウトはGETリクエストではなくDELETEリクエストである必要があります
なのでもしかしたら、

<% if user_signed_in? %>
              <li class="nav-item">
                <%= link_to "トレーナープロフィール", "#", class: "nav-link active", "aria-current" => "page" %>
              </li>             
              <li class="nav-item">
            //button_to に変更                
            <%= button_to "ログアウト", destroy_user_session_path, method: :delete, class: "nav-link" %>
              </li>
            <% else %>
              <li class="nav-item">
                <%= link_to "新規登録", new_user_registration_path, class: "nav-link" %>
              </li>
              <li class="nav-item">
                <%= link_to "ログイン", user_session_path, class: "nav-link" %>
              </li>
            <% end %>

とすると動作するのではないでしょうか
プログラム上ではmethod: :deleteをつけていますがが正常に動作していないように思います

理由はわかりませんが...

Answer 2

参考になりそうな記事を見かけたので添付します

https://qiita.com/takuo_maeda/items/d237fdb33411a20b9ec4

質問者さんのエラーが解決すればうれしいです！

Comments

[Fukaken]

解決コードの提案と、記事のご紹介ありがとうございました！
button_toに変更したのち、リクエストの種類を指定するというやり方を知ることができて良かったです。