我正在尝试在我的react组件中连接这个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
 
 ...都有相同的结果。 

I'm trying to wire up this AJAX POST request in my react component to communicate with my rails api controller. The console logs a 404 error and I can't seem to hit the pry. 
 
react/src/pages/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'
    })
  }
 
controllers/api/sources_controller.rb
 
  def compare
    binding.pry
  end
 
config/routes
 
  post '/api/sources/compare', to: 'api/sources#compare'

  namespace :api do
    resources :sources, only: [:index, :compare]
  end
 
rake routes
 
api_sources_compare POST /api/sources/compare(.:format) api/sources#compare
 
update
 
I tried updating the routes with several permutations...
 
  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
 
...all with the same outcome.

原文：https://stackoverflow.com/questions/41928638