Rails is seeing a post request as a get, with a react front end

Question

I have a post request:

axios.post("/api/main/products/area_home_products.json"

then in routes.rb :

    namespace :api do

    namespace :dashboard do 
     ....other routes...
    end 

    namespace :main do
      post '/products/area_home_products', to: 'products#area_home'

It was working all fine, then all of a sudden, with no significant changes to the controller action or the js file, I get:

No route matches [GET] "/api/main/products/area_home_products.json"

It is not the first time this happens, and I do not know why it happens nor how to solve it

Doing rake routes | grep area_home_products, gets me;

          api_main_products_area_home_products POST     /api/main/products/area_home_products(.:format)                                          api/main/products#area_home
            api_v1_products_area_home_products POST     /api/v1/products/area_home_products(.:format)                                            api/v1/products#area_home

Does that request really comes as in POST? How does it look in the Browser console's Network tab? — razvans, Feb 17 '22 at 12:39
@ZainAsif yes, it is namespaced, I have updated the post with that part of the code — Gotey, Feb 17 '22 at 12:47
@razvans yes, it comes as a post request, if I check its headers in the network tab I get: `Request Method: POST` — Gotey, Feb 17 '22 at 12:48
Please update with the output of `rake routes | grep area_home_products` — razvans, Feb 17 '22 at 13:19

score 0 · Answer 1 · answered Feb 17 '22 at 14:00

0

axios({
    method: 'post',
    url: '/api/main/products/area_home',
    headers: { 'Access-Control-Allow-Origin': '*', 'Accept': 'application/json',
  })

You can use this method of api call. Also, update your route like this:

namespace :api do
  namespace :main do
    resources :products do
      collection do
        post :area_home
      end
    end
  end
end

This is because either your request headers have problem as you are using .json in url which can mislead it as well as you are not using resourceful routing or your api is not properly configured.

answered Feb 17 '22 at 14:00

Zain Asif

217
2
13

Now the Axios seems to be calling a `show` action in that same controller, but not the custom route `area_home` – Gotey Feb 17 '22 at 14:54
Leave the route file like before and use only axios code. It will work – Zain Asif Feb 18 '22 at 09:00

Rails is seeing a post request as a get, with a react front end

1 Answers1