Vue.js PATCH method not allowed

Question

Hi everyone POST and GET methods are working on my application, but PATCH method don't. On my WAMP server everything works fine. On VPS server - don't. I get 405 Method not allowed.

I am using: Laravel 5.4, Vue.js 2.

Patch method:

axios.patch('/profile/' + this.profile.id + '/update', this.overview)
.then(resp => {
    this.successDataSave(resp.data)
})

Route:

Route::patch('/profile/{profile}/update', 'AppController@update');

EDIT: PATCH method doesnt work only on axios, if I use patch route on html form, with {{ method_field('PATCH') }} it works.

see CORS preflight request : stackoverflow.com/questions/42137354/… — Happyriri
– Happyriri, Commented Apr 4, 2017 at 11:46

Robert Nagy · Accepted Answer · 2017-04-04 18:45:46Z

2

Using {{ method_field('PATCH') }} generates the following html: <input type="hidden" name="_method" value="PUT">

So try set: this.overview._method = "PUT"

And then do a post:

axios.post('/profile/' + this.profile.id + '/update', this.overview)
    .then(resp => {
        this.successDataSave(resp.data)
})

answered Apr 4, 2017 at 18:45

Robert Nagy

713 bronze badges

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

Comments

ramzi trabelsi · Accepted Answer · 2017-04-04 12:35:24Z

0

Replace your route with following route that use for all CRUD opration:

Route::resource('/profile', 'AppController@update');

and you can check the docs for more information

resourceController

answered Apr 4, 2017 at 12:35

ramzi trabelsi

8523 gold badges8 silver badges18 bronze badges

Collectives™ on Stack Overflow

Vue.js PATCH method not allowed

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related