axios post 405 not allowed | Laravel + vue.js

Question

I can't create new database record, because after submit it always shows POST 405 (not allowed). I tried to move laravel routes from api.php to web.php but it didn't work. Also tried to modificate axios.post link (create, /create, localhost://Reservationsystem/public/create) but it also didn't gave me result.

Web.php

Route::resource('/reservation','ReservationController');
Route::get('/{any}', 'SinglePageController@index')->where('any', '.*');

Routes.js

import Vue from 'vue'
import Router from 'vue-router'
import Home from './components/HomeComponent.vue'
import Reservations from './components/ReservationsComponent.vue'

Vue.use(Router);

export default new Router({
    routes: [
        {
            path: '/',
            name: 'home',
            component: Home
        },
        {
            path: '/reservations',
            name: 'reservations',
            component: Reservations
        }
    ]
})

HomeComponent.vue

<script>
    import axios from 'axios';

    export default {
        data: function () {
            return {
                reservation: {
                    name: '',
                    surname: '',
                    email: '',
                    date: '',
                    place: ''
                }
            }
        },
        methods: {
            addReservation: function () {
                let uri = 'reservation';
                axios.post(uri, this.reservation).then(res => this.reservation = [...this.reservation, res.data]);
            }
        }
    }
</script>

controller method:

public function store(Request $request)
{
    $reservation= new Reservation($request->all());
    $reservation->save();

    return new ReservationResource($reservation);
}

Please include code in the controller. Do you have a public function store? — Nicklas Kevin Frank
– Nicklas Kevin Frank, Commented Feb 8, 2020 at 12:51
Try leaving the route Route::resource('/reservation','ReservationController'); in api.php and make the axios call to /api/reservation url. — porloscerros Ψ
– porloscerros Ψ, Commented Feb 8, 2020 at 13:20
Please check you network tab when making the call. What is the full url the call is going to (in the network tab)? — Rwd
– Rwd, Commented Feb 8, 2020 at 13:24
When I tried to access post method url it shows me blank page, it was strange and after some researches I found that after public in url I need to add index.php (localhost/project/public/index.php/...) it seems to be server configuration problem.. — justsimpleuser
– justsimpleuser, Commented Feb 8, 2020 at 13:34

DukesNuz · Accepted Answer · 2020-02-08 15:21:05Z

2

The reason you may be getting 405 is because the route is not Post to coincide with post in the addReservation method.I would use the following for the post route:

Route::post('/reservation/store','ReservationController@store');

for the uri in axios I would use:

let uri = 'reservation/store';

Here is a link to a post showing how I used axios with Laravel. Blog Post With Code

edited Feb 8, 2020 at 15:21

answered Feb 8, 2020 at 15:10

DukesNuz

971 silver badge9 bronze badges

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

Comments

Igor F. · Accepted Answer · 2020-02-09 19:00:22Z

0

Yo you use https? If yes, do not use / in end of address.

edited Feb 9, 2020 at 19:00

Igor F.

2,6992 gold badges34 silver badges42 bronze badges

answered Feb 9, 2020 at 18:40

Hamed baftam

662 bronze badges

Collectives™ on Stack Overflow

axios post 405 not allowed | Laravel + vue.js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related