React/Rails AJAX POSTリクエストが返される404

Question

私はこのAJAX POSTリクエストを自分の反応コンポーネントで配線して、rails apiコントローラと通信しようとしています。コンソールに404エラーが記録されていて、私はそれを打つことができません。

は/ SRC /ページ/ HomeIndex.js

getCompare() { 
    $.ajax({ 
     url: '/api/sources/compare', 
     type: 'POST', 
     data: {value: this.state.inputValue, from: this.state.compareFrom, to: this.state.compareTo }, 
     contentType: 'application/json' 
    }) 
    } 

コントローラ/ API/sources_controller.rb

def compare 
    binding.pry 
    end 

設定/ルート

post '/api/sources/compare', to: 'api/sources#compare' 

    namespace :api do 
    resources :sources, only: [:index, :compare] 
    end 

すくいルート

api_sources_compare POST /api/sources/compare(.:format) api/sources#compare 

を反応させます

更新

私はすべて同じ結果に... ...いくつかの順列でルートを更新

namespace :api do 
    resources :sources, only: [:index] do 
     collection do 
     post :compare 
     end 
    end 
    end 

    namespace :api do 
    resources :sources, only: [:index, :compare] do 
     collection do 
     post :compare 
     end 
    end 
    end 

    namespace :api do 
    resources :sources, only: [:index] do 
     collection do 
     resources :compare, only: [:compare] 
     end 
    end 
    end 

    namespace :api do 
    resources :sources do 
     post :compare 
    end 
    end 

を試してみました。

Answer 1

次のようにあなたは、あなたのAJAXペイロードを文字列化することによって、これを解決することができます。

getCompare() { 
 
    let data = JSON.stringify({value: this.state.inputValue, from: this.state.compareFrom, to: this.state.compareTo }) 
 
    $.ajax({ 
 
     url: '/api/sources/compare', 
 
     type: 'POST', 
 
     data: data, 
 
     contentType: 'application/json' 
 
    }) 
 
    }