Laravel route is not working in API, returns page 404

Question

In routes/api.php I have the following route:

Route::post('/session/storeValue', 'HomeController@storeValue');

And in controller I have AJAX function:

<script>

        function noviArtikal() {

  var data = { name: 'User');

  $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

  $.ajax({
    type: "POST",
    url: '/session/storeValue',
    data: data,
    success: function() {
      console.log("Valueadded");
    }
  });

        };
</script>

But keep getting error page not found when sending AJAX call. What am I doing wrong?

what route your browser is calling see in-network tab in debugger console — Shailendra Gupta
– Shailendra Gupta, Commented Oct 29, 2018 at 10:29

Aleksandrs · Accepted Answer · 2018-10-29 10:48:11Z

4

As it is api.php, it automatically adds /api/ to your URL. Try /api/session/storeValue.

From docs:

Routes defined in the routes/api.php file are nested within a route group by the RouteServiceProvider. Within this group, the /api URI prefix is automatically applied so you do not need to manually apply it to every route in the file. You may modify the prefix and other route group options by modifying your RouteServiceProvider class.

EDIT:

add name:

Route::post('/session/storeValue', 'HomeController@storeValue')->name('custom_name');

Then modify your javascript:

$.ajax({ type: "POST", url: '/session/storeValue', data: data,

to

$.ajax({ type: "POST", url: '{{ route('custom_name')}}', data: data,

EDIT 2: And yes, don't send CSRF_TOKEN (check @Yur Gasparyan answer)

edited Oct 29, 2018 at 10:48

answered Oct 29, 2018 at 10:31

Aleksandrs

1,4991 gold badge15 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Gogo Over a year ago

I tried that but then it calls localhost/appname/public/api/session/storeValue with error 404

Aleksandrs Over a year ago

did you use url: {{ route('yourroutename') }} ?

Gogo Over a year ago

I'm just calling onclick="noviArtikal()" from button

Aleksandrs Over a year ago

then don't write url manually, but through route function. laravel.com/docs/5.7/routing#named-routes add name like it's mentioned here. And then use: url: {{ route('yourroutename') }}

Gogo Over a year ago

But I'm not sure where to call that as I'm just calling js function with Ajax call

|

Yur Gasparyan · Accepted Answer · 2018-10-29 10:40:40Z

4

For first you dont need to send CSRF_TOKEN to api. There is no sense to check CSRF-TOKEN because it is an api. Also to send request to api you need to add api prefix manualy.

answered Oct 29, 2018 at 10:40

Yur Gasparyan

7146 silver badges22 bronze badges

2 Comments

Gogo Over a year ago

If I change to Route::post('api/session/storeValue', 'HomeController@storeValue'); and url: 'api/session/storeValue', if you mean like that I get localhost/appname/public/api/session/storeValue called.

Yur Gasparyan Over a year ago

You dont need to change ` Route::post('session/storeValue', 'HomeController@storeValue')` to ` Route::post('api/session/storeValue', 'HomeController@storeValue'). You need to move your routes in routes/api.php`

Shailendra Gupta · Accepted Answer · 2018-10-29 10:33:50Z

0

add this code in your route/web.php

Route::post('/session/storeValue', 'HomeController@storeValue');

answered Oct 29, 2018 at 10:33

Shailendra Gupta

1,1207 silver badges16 bronze badges

Comments

Naveed Ali · Accepted Answer · 2018-10-29 11:03:49Z

0

simply give any name to the route just like this:

Route::post('/session/storeValue', 'HomeController@storeValue')->name('somename');

and in your ajax call just change the url attribute to: url: '{{ route('somename')}}',

Laravel attach /api to the api routes automatically through RouteServiceProvider and it is found is /Providers folder.

Also you don't need csrf_token when you are making an Api call.

answered Oct 29, 2018 at 11:03

Naveed Ali

1,0458 silver badges16 bronze badges

Collectives™ on Stack Overflow

Laravel route is not working in API, returns page 404

4 Answers 4

8 Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

8 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related