为什么这个验证总是需要我？

Question

可能我做错了什么，我一直在本能地编码哈哈。 Laravel 验证似乎超级容易实现，但由于某种原因，我的 vuejs 组件与我的 php 函数之间总是“需要”。 我是 Laravel 和 Vuejs 的新手，在我看来，我的 php 函数很好（我可以在网上看到），但我可能在 laravel 和 vue 之间的通信上遗漏了一些东西。你能告诉我有什么问题吗？

public function createTag(Request $request)
    {
        try {
            $data = request()->validate([
                'title' => 'required'
            ]);

            $tag = new Tag;
            $tag->title = $request->title;
            if($tag->save())
            {
                $tag->usercontracts()->attach($request->usercontractId);
            }

            return response()->success(__('success.showing', ['resource' => 'des Vertrags', 'resourceE' => 'tag']), $tag->id, 200);
        } catch (Exception $e) {
            return response()->error(__('error.showing', ['resource' => 'des Vertrags', 'resourceE' => 'tag']), 400, $e);
        }
    }

<template>
  <div id="relative">
    <button @click.prevent="show = 1" v-if="show == 0">+tag</button>
    <input type="text" v-model="title" name="title" v-if="show == 1">
    <button @click="createTag" v-if="show == 1">add</button>
  </div>
</template>
<script>
import TagService from "@/services/TagService";
export default {
  name: "add-tag-component",
  props: ['usercontractId'],
  data(){
    return {
      title:null,
      show:0
    };
  },
  methods:
  {
    async createTag()
    {
      const {body: {data}} = await TagService.createTag(this.title, this.usercontractId);
      this.$emit('addedTag', this.title, data);
      this.title = '';
      this.show = 0;
    }
  }
};
</script>

这是 TagService

export default {
    createTag(title, usercontractId, tagId) {
        return Vue.http.post(`contract/createTag/${title}/${usercontractId}`, tagId);
    }
}

我也遇到了这个错误。或许这里就是答案？

Vue 警告]：v-on 处理程序中的错误（Promise/async）：“[object Object]”

发现于

---> 在资源/资产/js/components/contract/listing/AddTagComponent.vue 在资源/资产/js/components/contract/listing/ContractListingItemComponent.vue 在资源/资产/js/components/contract/listing/ContractListingComponent.vue

Answer 1

在您的 TagService

中

您需要将 ${title} 作为有效负载而不是 uri 传递。

export default {
    createTag(title, usercontractId, tagId) {
        return Vue.http.post(`contract/createTag/${title}/${usercontractId}`, tagId);
    }
}

到

export default {
    createTag(title, usercontractId, tagId) {
        return Vue.http.post(`contract/createTag`, {
            tagId: tagId,
            title: title,
            usercontractId: usercontractId
        });
    }
}

Laravel 验证你传递的有效载荷。