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

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

結論

• 送るとき:”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”を頭に付けてあげる