在我的 API 请求中出现“语法错误：”JSON.parse：JSON 数据第 1 行第 1 “

Question

基本上我已经使用 laravel 7 和 Vue.js 制作了一个名为 observations 的“简单”API，我的 GET 请求正在运行但我无法执行我的 DELETE 和 POST 请求，我不得不说我仍在学习 Laravel 所以可能会有很多错误。这里很少评论：DELETE 实际上有效（它删除），它只是不重新加载所有观察结果，因为它应该是预期的这是我的 vue 组件：<template>    <div>        <div class="card card-header">            <h2> observaciones </h2><small> para futuras donaciones </small>        </div>        <div class="card card-body" v-for="observation in observations" v-bind:key="observation.id">            <h4> {{observation.name}}</h4>            <p> {{observation.content}}</p>            <button class="btn btn-danger btn-block" @click="deleteObservation(observation.id)"> Borrar </button>        </div>        <!-- FORMULARIO PARA AGREGAR OBSERVACION -->        <div class="card card-footer">            <form @submit.prevent="addObservation">                <!-- <div class="form-group">                    <input type="text" class="form-control" placeholder="nombre" v-model="observation.name">                </div> -->                <div class="form-group">                    <textarea type="text" name="content" class="form-control" placeholder="algun texto" v-model="observation.content">                    </textarea>                </div>                <button type="submit" class="btn btn-primary btn-block"> Agregar observacion </button>            </form>        </div>    </div></template><script>    export default{        data(){            return{                observations:[],                observation:{                    id:'',                    name:'',                    content:''                }            }        },        created(){            this.fetchObservations();        },        methods:{            fetchObservations(){                fetch('api/observations')                .then(res=> res.json())                .then(data=>{                    this.observations= data;                    console.log(data);                });            },</script>

Answer 1

因为你return null;在你的destroy方法中，所以在你的前端，当你试图将它解析为 json 时，它会抛出一个错误。

尝试这个。

            deleteObservation(id){

                if(confirm('¿Estas Seguro?')){

                    fetch('api/observations/+id',{

                        method:'delete'

                    })

                    .then(()=>{

                        fetchObservations();

                    })

                    .catch(err=> console.log(err));

                }

            }