ブログの詳細ページに、コメントの自動更新機能を実装したいのですが、404not found と出てきてしまいます。

前提・実現したいこと

Ruby on Railsでブログアプリを作成中です。
tweetの詳細ページにコメントの自動更新を実装しようとしたのですが、
ajaxでURLを指定した際に、URLが誤って認識されてしまい、うまく行きません。

new_tweet_api_comment
GET /tweets/:tweet_id/api/comments/new(.:format) api/comments#new {:format=>"json"}

rake routesで確認したルーティングは上記の通りとなっております。

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

ajaxのurlで'api/comments/new'を指定すると、
GET http://localhost:3000/tweets/10/comments/api/comments/new?last_id=190 404 (Not Found)

とでてきてしまいなぜか、10とapiの真ん中にあ[comments]になぜかじゃまをされてしまいます。
apiの前になぜcommentsがきてしまうのかがわかりませんでした。
尚、スクールの課題で作成したチャットスペースを実装した際には、間にこのような文字ははいりませんでした。

試したこと

ルーティングで０から手動でパスを指定して作りなおしたり、思いつく限りのパスの指定の仕方を丸一日試したのですが、
どうしてもうまく行きませんでした。

var url = '/tweets/10/api/comments/new'
このような形にすれば、TweetID10番のページではうまくはいくのですが、他のページでは動作しないのでなんとかしたいです。
１０のところに：tweet_idを変数化して入れようとしてもうまく行きませんでした。
Tweet_idを入れる方法があれば、教えていただけると助かります。

補足情報（FW/ツールのバージョンなど）

rails 5.2.2.1
ruby 2.5.1

message.jsのコード。

$(function(){

function buildHTML(comment){

var html = `<div class="comment" data-comment-id="${comment.id}">
              <div class="comment-name clearfix">
                <span>名前：</span>
                ${comment.user_name}
              </div>
              <p class="comment-comment clearfix">
                ${comment.comment}


              </p>
            </div>`
return html;

}

var reloadComments = function(){
  // if (window.location.href.match(//tweets/\d+/comments/new//)){
    if (window.location.href.match(/comments/)){
    var url = 'api/comments/new' 
  
    var last_comment_id = $('.comment:last').data('comment-id');
    

    
    $.ajax({

      url:  url,
      type: 'GET',

      data: {last_id: last_comment_id},
      dataType: 'json'
    })
  
    .done(function(comments){

      var insertHTML = '';
      comments.forEach(function(comment){
        insertHTML = buildHTML(comment);
        $('.comments').append(insertHTML);
      })
      $('.comments').animate({scrollTop: $('.comments')[0].scrollHeight}, 'fast');

    })
    .fail(function(){
      alert('自動更新に失敗しました');
    });
  };

};
setInterval(reloadComments, 7000);
});

});

ルーティングの設定。

Rails.application.routes.draw do
devise_for :users

root to: 'tweets#index'
resources :users
resources :tweets,only: [:index,:new,:edit,:update,:create,:destroy] do
namespace :api do
resources :comments, only: :new, defaults: { format: 'json' }
end

resources :comments, only: [:new, :create]
collection do
  get 'search'
end

end
end

行動規範の内容に同意します

回答1件

ベストアンサー

このview のURL は http://localhost:3000/tweets/10/comments ですか？
そのURLで相対URL api/comments/new　を指定すると、現URLからの相対とみなされて http://localhost:3000/tweets/10/comments/api/comments/new
となります。
/tweets/10/api/comments/new へ行かせたいなら
../api/comments/new かな

投稿2019/12/13 22:41