ajaxのエラーに関して

Question

前提・実現したいこと

ブログがあり、ブログのコメントを自動更新で取得しようと思っております。
ブログのコメント画面に遷移すると、
コンソールとターミナルに下記のエラーが出てしまいます。
rails routesで blog_api_blogcomments GET /blogs/:blog_id/api/blogcomments(.:format) api/blogcomments#index {:format=>"json"}
と表示されているのでurlはapi/blogcommentsと記載しました。
ですがターミナルのエラーに
(No route matches [GET] "/blogs/api/blogcomments")
となってしまします。

お分かりになる方がいらっしゃいましたら、ご教授いただけたらと思います。
宜しくお願いいたします。

発生している問題・エラーメッセージ

ターミナル

Started GET "/blogs/api/blogcomments?id=12" for ::1 at 2020-05-13 11:57:23 +0900
  
ActionController::RoutingError (No route matches [GET] "/blogs/api/blogcomments"):

コンソール

Failed to load resource: the server responded with a status of 404 (Not Found)

該当のソースコード

blogcomment.js

  var reloadBlogcomments = function(){
    var last_blogcomment_id = $('.blog--comments__box__comment:last').data("blogcomment-id");
    $.ajax({
      url: "api/blogcomments",
      type: 'GET',
      dataType: 'json',
      data: {id: last_blogcomment_id}
    })
    .done(function(blogcomments){
      if (blogcomments.length !== 0){
      var insertHTML = "";
      $.each(blogcomments, function(i, blogcomment){
        insertHTML += buildHTML(blogcomment)
      });
      $('.blog--comments__box').append(insertHTML);
      $('.blog--comments__box').animate({ scrollTop: $('.blog--comments__box')[0].scrollHeight});
     }
    })
    .fail(function() {
      alert('error');
    });
  };

api/controllers/api/blogcomments_controller.rb

class Api::BlogcommentsController < ApplicationController
  def index
    blog = Blog.find(params[:blog_id])
    last_blogcomment_id = params[:id].to_i
    @blogcomments = blog.blogcomments.includes(:user).where("id > ?", last_blogcomment_id)
  end
end

route.rb

  resources :blogs do
    resources :blogcomments, only: :create
    namespace :api do
      resources :blogcomments, only: :index, defaults: { format: 'json' }
    end

Comments

[maisumakun]

ルーティングはどのように設定していますか？

[987654321]

質問欄にルーティングを記載いたしました。
宜しくお願いいたします。

Answer 1

ルーティングが正しくありません。

内側のresources :blogcomments, only: :indexは、/blogs/:blog_id/api/blogcommentsのようなルーティングを生成しています。メッセージの通り、/blogs/api/blogcommentsというURLに対応するルーティングは存在しません。

Comments

[987654321]

解答ありがとうございます。
重ねての質問で申し訳ないのですが、
rails routesで
blog_api_blogcomments GET /blogs/:blog_id/api/blogcomments(.:format) api/blogcomments#index {:format=>"json"}
と出てきたので、ajaxの部分のurlに url: "api/blogcomments",としたのですが、書き方などが間違っているのでしょうか?

[maisumakun]

> ajaxの部分のurlに url: "api/blogcomments",としたのですが、書き方などが間違っているのでしょうか?

そもそも論として、相対パスを使うべきではありません。Railsのような動的なサイトに相対パスを使うと、「今いるページの階層」と「アクセス先のURL」の両方を考える必要が出てきて煩雑になります。