laravel框架下 发送ajax,delete请求.报错 methodnotallowed,及解决办法

代码:

<script>

        let _token = "{{ csrf_token() }}";
        console.log(_token);
        $('.del').on('click',function (evt) {
            // evt.preventDefault();
            //获取相关信息
            let url = $(this).attr('href');
            let type = 'DELETE';
            let data = {_token};
            console.log(_token);
            $.ajax({
                url,
                type,
                data
            }).then(function (value) {
                console.log(value);
                $(this).parents('tr').remove();
            });
            // return false;
        })
    </script>

错误信息:
laravel框架下 发送ajax,delete请求.报错 methodnotallowed,及解决办法
明明自己发送的是delete请求,结果浏览器给我发送的是 get请求

laravel框架下 发送ajax,delete请求.报错 methodnotallowed,及解决办法

原因: 是因为 a 标签的href 属性,没有被禁止.

laravel框架下 发送ajax,delete请求.报错 methodnotallowed,及解决办法

解决办法:
代码:

<script>

        let _token = "{{ csrf_token() }}";
        console.log(_token);
        $('.del').on('click',function (evt) {
            evt.preventDefault();
            //获取相关信息
            let url = $(this).attr('href');
            let type = 'DELETE';
            let data = {_token};
            console.log(_token);
            $.ajax({
                url,
                type,
                data
            }).then(function (value) {
                console.log(value);
                $(this).parents('tr').remove();
            });
            // return false;
        })
    </script>

图片:
laravel框架下 发送ajax,delete请求.报错 methodnotallowed,及解决办法
路由:web.php中
laravel框架下 发送ajax,delete请求.报错 methodnotallowed,及解决办法

总结:
1.方法不允许优先检查 csrf 跨站请求伪装是否屏蔽?
没有屏蔽,那么 要将_token 携带过来,
2.路由是否匹配
3.本次的问题点是 href属性的行为没有被禁止,那么就会发送get请求.