vue.js - vue-resource menghantar permintaan ajax, dan data formData yang diterima oleh Laravel di latar belakang kosong.

Question

vuejs menggunakan vue-resource untuk menghantar kod permintaan ajax:

methods: {
                fillIn: function (index, n) {
                    var formData = new FormData();
                    var itemId=this.items[index].id;
                    this.items[index].publishing_days = n;
                    formData.append('publishing_days', n);

                    this.$http.patch('/article/'+itemId, formData,{
                        before(request) {
                            if (this.previousRequest) {
                                this.previousRequest.abort();
                            }
                            this.previousRequest = request;
                        }
                    }).then((response) => {

                    }, (response) => {

                    });
                }
            }

Ini ialah tangkapan skrin data yang dihantar oleh permintaan ajax:

Pengawal Artikel

    public function update(Request $request, $id)
    {
        $article = Article::findOrFail($id);
        dd($article);
        dd($request->publishing_days); 
    }

Soalan: Keputusan
dd($request->publishing_days); adalah batal, apa yang berlaku?

Answer 1

Seperti yang ditunjukkan dalam gambar, bolehkah anda menetapkan emulateJSONproperties?

vue-resource

Answer 2

Ini kerana masalah tajuk Pelayan web tidak boleh mengendalikan permintaan gaya REST seperti meletakkan, menampal dan memadamkan Selepas membolehkan pilihan ini, permintaan akan dihantar dalam kaedah pos biasa

---

Dalam dokumen vue-resource, terdapat ayat ini:

Send PUT, PATCH and DELETE requests with a HTTP POST and set the X-HTTP-Method-Override header

Apa yang perlu kita lakukan ialah menambah atribut ini pada kod dan tetapkan nilai kepada benar:

this.$http.patch('/demo', formData, {emulateHTTP: true});

---

Bandingkan tajuk sekali lagi:

加上属性后：
X-CSRF-TOKEN:ngenvCDnCOXWkQqbLjIdSo7Ekq7wjfLg0TqUMNcu
X-HTTP-Method-Override:PATCH
X-Requested-With:XMLHttpRequest


加上属性前：
X-CSRF-TOKEN:ngenvCDnCOXWkQqbLjIdSo7Ekq7wjfLg0TqUMNcu
X-Requested-With:XMLHttpRequest