Laravel Vue.js API:axios 的 PUT 方法不向控制器发送任何数据 [英] Laravel Vue.js API: axios' PUT method doesn't send any data to controller

问题描述

我正在尝试使用 Laravel 和 Vue.js 中的 API 更新模型中的一些数据但我不能这样做，因为 axios 不向服务器发送任何数据，我在发送之前检查数据并且它们存在(我使用 FormData.append 添加所有字段)

我在使用代码发送之前检查数据:

for(var pair of formData.entries()) {console.log(pair[0]+':'+pair[1]);}

我得到了这个结果:

您可以检查相应的代码:【更新功能】updateStartup() {

 let formData = new FormData();formData.append('startup_logo', this.update_startup.startup_logo);formData.append('country_id', this.update_startup.country_id);formData.append('category_id', this.update_startup.category_id);formData.append('startup_name', this.update_startup.startup_name);formData.append('startup_url', this.update_startup.startup_url);formData.append('startup_bg_color', this.update_startup.startup_bg_color);formData.append('startup_description', this.update_startup.startup_description);formData.append('startup_public', this.update_startup.startup_public);axios.put('/api/startup/' + this.update_startup.id, formData, { headers: {'内容类型':'多部分/表单数据；边界=----WebKitFormBoundary7MA4YWxkTrZu0gW'，}}).then(功能(响应){控制台日志(响应)；}).catch(函数(错误){控制台日志(错误响应)；});}

[我应该接收数据的控制器方法]:

 公共函数更新(请求 $request, $id){返回 $request;//只是为了检查我是否得到数据...}

[带有 vue.js 的 HTML，我使用我在 updateStartup 函数中发送的对象]:

<div class="modalfade editStartUp" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><img src="/admin/images/modal-cross.png" alt="关闭">

<div class="modal-body"><form method="POST" enctype="multipart/form-data" @submit.prevent="updateStartup"><h4 class="sel-c-t">选择类别</h4><div class="submit-fields-wr"><select name="category" v-model="update_startup.category_id" class="selectpicker select-small" data-live-search="true" @change="updateCategoryDe​​tails()"><option v-for="category in category" :value="category.id" :selected="category.id == update_startup.category_id ? 'selected' : ''" >{{ category.name }}</选项></选择><select v-if="update_startup.is_admin" name="country" v-model="update_startup.country_id" class="selectpicker select-small" data-live-search="true" @change="updateCountryDetails()><option v-for="country in countries" :value="country.id" :selected="country.id == update_startup.country_id ? 'selected' : '' ">{{country.name }}</选项></选择>

<div class="submit-fields-wr"><input type="text" placeholder="Startup name" v-model="update_startup.startup_name"><input type="url" v-model="update_startup.startup_url" placeholder="URL">

<textarea v-model="update_startup.startup_description" name="startup_description" placeholder="用一句话描述你的创业公司."></textarea><div v-if="!update_startup.is_admin"><h4 class="sel-c-t bold">联系方式:</h4><div class="submit-fields-wr"><select name="country" v-model="update_startup.country_id" class="selectpicker select-small" data-live-search="true" @change="updateCountryDetails()"><option v-for="country in countries" :value="country.id" :selected="country.id == update_startup.country_id ? 'selected' : '' ">{{country.name }}</选项></选择><input type="text" placeholder="你的名字" v-model="update_startup.contact_name">

<div class="submit-fields-wr"><input type="text" v-model="update_startup.contact_phone" placeholder="您的电话号码"><input type="email" v-model="update_startup.contact_email" placeholder="您的电子邮件地址">