Question

我有一个产品列表，但是当我尝试删除其中一个产品时出现以下错误。

<块引用>

删除 http://127.0.0.1:8000/api/deleteProduct/2 419（未知状态）

在邮递员中，我收到“CSRF 令牌不匹配”。这是我的删除功能。

public function delete(Request $request)
{
    $product = Product::find($request->id);
    $product->delete();

    return response()->json('Product deleted!');
}

Vue 方法

removeProduct(id)
{
    this.$store.dispatch('removeFromProducts', id)
}

Vuex 操作

removeFromProducts({commit}, id){
        axios.delete(`/api/deleteProduct/${id}`).then((res)=>{
            commit('removeFromProducts', res.id)
            console.log(res);
        }).catch((err)=>{
            console.log(err);
        })
    },

Vuex 突变

removeFromProducts(state, id){
            let i = this.products.findIndex(data => data.id === id);
            state.products.splice(i, 1);
    },

顺便说一句，我把这个放在头上：

axios.delete() 419 未知状态

0 个答案: