axios 删除路由不支持 laravel vuejs

Question

I have a very strange issue with deleteing records. In my vuejs I call axios.delete to delete my record, which in turn calls my laravel route.

The record is getting deleted fine but an error message is displaying "message": "The DELETE method is not supported for this route. Supported methods: GET, HEAD.",

axios.delete('/member/event/' + this.data.module.slug);

My laravel route is as follows

Route::resource('event', 'EventController');

I am using laravel 6 to

Answer 1

您尝试发送的删除 url 和路由 url 很可能不相同，请检查网络和路由：列表，如果不是，那么您可能在顶部定义了您的 spa 路由，我的意思是除了每个参数之外的路由

Answer 2

问题与路由无关，因为在导致问题的删除后我没有返回 json 响应

Answer 3

Try this way-

routes routes/api.php

Route::apiResource('event','EventController');

In Controller Method

public function destroy(Event $event)
    {
        $event->delete();
        return new EventResource($event);
    }

In Your Components

axios.delete('/api/event/'+this.data.module.slug)
     .then(response => {
           console.log(response)
           this.$snotify.success("Data Successfully Delete",'Success')

          })
     .catch(err => {
           console.log(err)
          })