Nuxt.js+Railsで関連するモデルも一緒にjsonでRailsからNuxtに送りたい時

1 min読了の目安(約300字TECH技術記事

例えば投稿一覧ページで、「投稿内容」と「投稿したユーザー」など関連したデータを表示したい時につまづいたのでメモ。

結論

  • 送るとき:”to_json”と”include:”をコントローラーに書く
  • 受けるとき:JSON.parse(res.data)で受け取る

どうやって

render_jsonで送る値に"to_json"と"include:"を付け足す

def index
 @post = Post.all
 render_json: @post.to_json(include:[:user])
end

Nuxtで受け取る

JSON.parse(res.data)で受け取る。
通常はres.dataで受け取るが、to_jsonで送るときは”JSON.parse”を頭に付けてあげる