Railsのlink_toでPOSTできない

発生している問題

link_toでmethod: :postと指定しているのにGETしてしまいます。

前提

Ruby on rails 7でSNSを作っています。
ログアウト機能を実装中に以下のエラーが発生しました。

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

Routing Error
No route matches [GET] "/logout"

該当のソースコード

erb
1<div class="header-link">
2  <%= link_to("ログアウト", "/logout", class: "header-link-text", method: :post)%>
3</div>

試したこと

開発者ツールで調べました。
HTMLはこのようになっていました。

html
1<a class="header-link-text" rel="nofollow" data-method="post" href="/logout">ログアウト</a>

このdata-methodというのが調べてもあまりよくわかりませんでした。
どうしてPOSTできないのでしょう。
詳しい方、ぜひご指導お願いします。

補足情報

Windows 10
Ruby 3.1.3
Ruby on Rails 7.0.4.3

m.ts10806

2023/05/03 11:31

>data-methodというのが調べてもあまりよくわかりませんでした。ここだけに応えると「data属性」です。ハイフン以降は任意の文字列を指定できます。 MDN参照

HINOKINO001104

2023/05/03 11:37 編集

m.ts10806さんへそういうことなんですね。勉強になりました。

hoshi-takanori

2023/05/03 18:23

HTML の仕様上、a タグでは POST できないはず。やるとしたら、隠し form を作っておいて、a タグでそれを submit するとか…。

行動規範の内容に同意します

回答3件

Ruby On Rails 7の場合ですと、link_toで

ERB
1<%= link_to("テキスト", "転送先URL", method: :post) %>

とし、POSTとしてHTTPリクエストを送ることができます。
しかし、GETとしてアクセスしてしまう、ということでしょうか。
以下、もしかしたらできるかもしれない、という解決策を考えてみます。

button_toに変えてみる

デザインが変わってしまいますが、これで動いた事例があります。

ERB
1<%= button_to("ログアウト", "/logout", class: "header-link-text", method: :post)%>

あえて<a>で書いてみる

link_toで書かずに、直に<a></a>で書いてみてはどうでしょうか。data-method="post"を
読み込んでからでお願いします

HTML
1<a class="header-link-text" rel="nofollow" data-method="post" href="/logout">ログアウト</a>

config/routes.rb を確認

もしかすると、以下のようになっているかもしれません。
config/routes.rb

Ruby
1Rails.application.routes.draw do
2  ...
3  get '/logout'
4  # または
5  get '/logout' => 'コントローラ名#def名'
6  ...
7end

この場合、getをpostに直さなければなりません。しかし、これはエラー上可能性は
低いと思われます。

Ruby
1Rails.application.routes.draw do
2  ...
3  # get を post に変更
4  post '/logout'
5  # または
6  post '/logout' => 'コントローラ名#def名'
7  ...
8end

data-method とは
※これはとある記事を読んで、記述しております。正確性に関しては保証できません。
誠に申し訳ございません。
そもそも、HTMLには、data-(好きな名前)のように、「カスタムデータ属性」が存在しています。
例です。

HTML
1<開始タグ data-好きな名前="値"></終了タグ>
2<div data-teratail="teratail"></div>
3<div data-rubyonrails="thisisrubyonrails"></div>

これに対して、cssを以下のように記述できたりします。

CSS
1div[data-ruby] {
2  color: #AAA;
3}
4[data-rubyonrails] {
5  background-color: #464c56;
6}

そして、これは推測なのですが、おそらくRailsが、アンカー(aタグ)が
クリックされたとき、data-methodという、カスタムデータ属性
(data-method)を読み取って、それでHTTPリクエストを
分けているのだと考えられます。
※あくまでも推測です。正確性は保証できません。
そのような感じです。手助けが出来れば嬉しいです。

投稿2023/10/08 11:55