在我的 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 时，它会抛出一个错误。尝试这个。&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; deleteObservation(id){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(confirm('¿Estas Seguro?')){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fetch('api/observations/+id',{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; method:'delete'&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; })&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .then(()=>{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fetchObservations();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; })&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .catch(err=> console.log(err));&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }