javascript - vuejs 和 laravel 中的路由不支持 post 方法

Question

我想在确认点击时将状态更新为 1。我正在使用 vue js 和 laravel。我使用 axios.post 来访问 API。但是当我点击确认更新状态时，我收到不支持路由发布的错误消息。

请帮我找出我的错误。

未确认区域.vue

  

    ConfirmArea(index){
                        var confirmArea = confirm("Are you sure you want to confirm this area?");
                        if(confirmArea){
                            axios.post('/admin/areaConfirmed/'+index,{
                                status:1,
                           }).catch(({response}) => {
                            this.$toast.error(response.data.message, 'Error', {timeout: 3000});
                        }).then(({data}) => {
                            this.$toast.success(data.message, 'Success', {timeout: 3000});
                            this.fetchUnconfirmedSellers();
                        });
                    }
                    },

网络.php

Route::post('areaConfirmed','SellerController@confirmArea')->name('areaConfirmed');

卖家 Controller .php

 

    public function confirmArea(Request $request, $id)
        {
            $confirmArea = Areas::find($id);
            $confirmArea->status = $request->status;
            $confirmArea->save;
    
            return response()->json([
                'message' => 'Area has been confirmed'
            ]);
        }

Answer 1

1- 您必须像这样将 id 添加到您的 route :

Route::post('areaConfirmed/{id}','SellerController@confirmArea')->name('areaConfirmed');

因为没有 id 参数的路由是不同的路由。

2 - 这也是获取 POST 输入 $request->post('param_name') 的正确方法:

$confirmArea->status = $request->post('status');