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' 
 
    }) 
 
    }