Laravel 如何输入Axios请求2参数
我试着用Vue.Js在Laravel上创建一个简单的CRUD应用程序(Vuex也是) 在Laravel im中创建资源控制器UserController 此控制器中的更新方法有问题 此方法仅接受PUT、修补程序HTTP请求方法 位置:app/Http/Controllers/Admin/UserController.php 这就是它的样子Laravel 如何输入Axios请求2参数,laravel,vue.js,axios,vuex,Laravel,Vue.js,Axios,Vuex,我试着用Vue.Js在Laravel上创建一个简单的CRUD应用程序(Vuex也是) 在Laravel im中创建资源控制器UserController 此控制器中的更新方法有问题 此方法仅接受PUT、修补程序HTTP请求方法 位置:app/Http/Controllers/Admin/UserController.php 这就是它的样子 public function update(Request $request, $id) { return $request->all();
public function update(Request $request, $id)
{
return $request->all();
}
在我的Vue组件中,我尝试发送两个参数ID和数据
但我一直得到一个空数组作为回应
这是我的Vuex文件
位置:resources/js/components/admin/store/modules/user.js
这是Axios请求的代码:
async updateUserInfo(ctx, id, data)
{
return new Promise((resolve, reject) => {
axios({
url: '/users/' + id,
method: 'put',
data: data,
headers: {'Content-Type': 'multipart/form-data'},
})
.then((resp) => {
console.log(resp)
// ctx.commit('updateUser', resp.data.user)
resolve(resp)
})
.catch((error) => {
console.log(error)
// ctx.commit('updateErrors', error.response.data.errors);
reject(error)
})
})
},
这是我的Vue组件,我尝试在其中调用此函数
位置:resources/js/components/admin/views/components/user/EditComponent.vue
代码:
表单中的“提交”按钮
<button @click.prevent="onClickUpdateInfo(id)" class="btn btn-success text-white">Обновить</button>[![enter image description here][1]][1]
<代码>бббббббббб[![在此处输入图像描述][1]
您应该将上下文和负载传递给Vuex操作。所以我猜您没有权限访问操作中的表单数据,对吗
试试这个:async updateUserInfo(ctx,{id,data})
然后在vue组件中:
this.updateUserInfo({id,data:this.formData})代码>是的,对,我尝试只发送id,我有响应空数组我尝试只发送formData,我有响应空数组
<button @click.prevent="onClickUpdateInfo(id)" class="btn btn-success text-white">Обновить</button>[![enter image description here][1]][1]