Rails APIで複数テーブルをincludesで結合し、その結果をNuxt.jsに渡して表示したい

Question

Rails APIで複数のテーブルをincludesで結合して、その結果をNuxt.jsに渡して表示したいと思っております。

【Usersテーブル】has_many :posts
name
【Postsテーブル】belongs_to :user
title
user_id

上記のようなテーブルがある時、Railsでposts = Post.includes(:user)のようにテーブルを結合すると、posts[0].userのようにしたらユーザーのデータを取れますが、このpostsをNuxt.jsに渡してもuserのデータをを取得することができません。

以下のようにしてJSONを渡しても、Nuxt.js側ではtitleとuser_idの値しか取得できないのですが、userテーブルのnameカラムのデータも合わせて渡すにはどのようにしたらいいのでしょうか？

# controllers/api/v1/posts_controller.rb

module Api
  module V1
    class PostsController < ApplicationController
      def index
        posts = Post.includes(:user)
        render json: { data: posts }
      end
  end
end

Answer 1

JSON生成時にinclude（includesではない）しておきましょう。

render json: { data: posts.as_json(include: :user) }

Comments

[Khy]

ご返信が遅くなり申し訳ございません。
お陰様で無事解決することが出来ました、ありがとうございます！！