Rails APIモードのaxiosのよる画像取得

Question

フロントReactバックエンドRailsにて開発しております。

multipart/form-dataを用いてaxiosでactive storageに画像を投稿して保存はできたのですがgetにて取得する方法がわからないので質問させて頂きます。

def index
    articles = Article.all
    render json: articles
end

const Top = () =>{
  const [articles, setArticles] = useState([]);

  useEffect(() => {
    const getArticles = async() => {
      try {
        const results = await json.get('/articles')
        setArticles(results.data)
      } catch (error) {
        console.log(error)
      }
    }
    getArticles()
  }, [])
  return(
    <>
      <Article articles = {articles} />
    </>
  )
}

こちらのgetリクエストにてcnotrollerのindexで画像データを渡したいです。
どうか宜しくお願い致します。

Answer 1

def index
articles = Article.all.with_attached_image
render json: articles.map{
|article|
article.as_json.merge({
image:url_for(article.image)
})
}
end
これでいけました。