Rails Ajax処理 comment一覧ページに遷移した際に取得したJSONをviewに描画する処理。

Question

前提・実現したいこと

comment一覧ページに遷移した際に取得したJSONをviewに描画する処理。

流れとしては、
①commentのindexページに遷移する時、comment_controller.rbのindexアクションを通る。
②その際にコメントのデータをJSONで取得する。
③ページ遷移した時に取得したデータをapplication.jsでviewに描画する処理を行う。
となります。

しかし、コメントの一覧ページにはJSONの配列が並ぶのみで実際に描画ができていないのが現状です。。。

該当のソースコード

①commentのindexページに遷移する時、comment_controller.rbのindexアクションを通る。
②その際にコメントのデータをJSONで取得する。

class CommentsController < ApplicationController
  before_action :authenticate_user!
  
  def index
    post = Post.find(params[:post_id])
    @comment = post.comments.build
    @comments = post.comments
    render json: @comments, include: { user: [:profile] }
  end

③ページ遷移した時に取得したデータをapplication.jsでviewに描画する処理を行う。
となります。

document.addEventListener(
  "DOMContentLoaded", e => {
   const dataset = $('#post_show').data()
   const postId = dataset.postId
   const appendNewComment = (comment) => {
      $('#cmnt_user_items').append(
        `<div class="cmnt_user_item">
          <div class="cmnt_avatar_field">
            ${comment.user.avatar_url}
          </div>
          <div class="cmnt_name_field">
            ${comment.user.name}
          </div>
          <div class="cmnt_text_field">
            ${comment.content}
          </div>
        </div>`
      )
    }

    axios.get(`/posts/${postId}/comments`)
      .then((response) => {
        const comments = response.data
        comments.forEach((comment) => {
          appendNewComment(comment)
        })
      })
}

試したこと

axios.get(`/posts/${postId}/comments`)
     .then((response) => {
     debugger
       const comments = response.data
       comments.forEach((comment) => {
         appendNewComment(comment)
       })

このようにdebuggerを挟み、実際にデータが渡っているかどうか確認しました。

Navigated to http://localhost:3000/posts/
comments = response.data
(82) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}......

とデータは無事渡っている様に思えますがこの処理自体が指定したURLと違うページ（commentの一覧ページに遷移する前のページ）始まってしまいます。
原因は検索してみましたが分からずじまいです。。。