Vue.js 解释RelatedPeople模型的路由资源类型时出现问题

Vue.js 解释RelatedPeople模型的路由资源类型时出现问题,vue.js,axios,laravel-7,Vue.js,Axios,Laravel 7,假设:我认为这是资源或模式的多元化,我不确定 我的代码: 路线网: Route::group(['middleware'=> 'auth'], function() { Route::resource('relatedPersons', 'RelatedPeople\RelatedPeopleController') ->only(['store','update','destroy']) ->middleware('can:relatedPeopl

假设:我认为这是资源或模式的多元化,我不确定

我的代码:

路线网:

Route::group(['middleware'=> 'auth'], function() {  
    Route::resource('relatedPersons', 'RelatedPeople\RelatedPeopleController')
    ->only(['store','update','destroy'])
    ->middleware('can:relatedPeoples');
});
注意:该模型是relatedPeople,但出于路由定义中的测试目的,将其保留为relatedPeople

相关人员(模型):

上述代码每次运行时都会进入catch并返回以下错误: {“error”:“此路由不支持POST方法。支持的方法:GET、HEAD、PUT、PATCH、DELETE。”,“code”:405}

我已经做过的测试:

  • 更改资源名称
  • 在模型中,添加表名protected$table=“related\u people”
  • 为控制器定义一个get(index)方法,以知道至少请求到达控制器,并且只有get方法起作用,其余方法不起作用

  • 我会继续寻找解决方案,提前谢谢你。

    在我几乎爆头之后,我发现解决方案出现在我的脸上是一个错误,不是在我蓝绿色的眼睛里,而是在我的脸前面

    解决方案是:

    带axios的前端VueJ(之前)):

    带axios的前端VueJ(已解决):

    如果您还没有看到它,则是路由定义“/relatedperson”

    axios.post('/relatedPersons', formData).then( (response) => {
    
    现在由于这个问题,假设我访问路径axios.post('relatedPeoples',data),应用程序的url是test.dev/cases/1,请求的结果将是test.dev/cases/relatedPeoples,这里就是问题所在

    laravel告诉我路由是否存在,但该方法不受支持


    我希望我的错误能帮助很多人。

    在我几乎爆头之后,我发现解决方案出现在我的脸上是一个错误,不是在我蓝绿色的眼睛里,而是在我的面前

    解决方案是:

    带axios的前端VueJ(之前)):

    带axios的前端VueJ(已解决):

    如果您还没有看到它,则是路由定义“/relatedperson”

    axios.post('/relatedPersons', formData).then( (response) => {
    
    现在由于这个问题,假设我访问路径axios.post('relatedPeoples',data),应用程序的url是test.dev/cases/1,请求的结果将是test.dev/cases/relatedPeoples,这里就是问题所在

    laravel告诉我路由是否存在,但该方法不受支持

    我希望我的错误能帮助很多人

    onSubmit() {
        let formData = new FormData(this.$refs.create)
        formData.append('case_report_id', this.case_id)
        axios.post('relatedPersons', formData).then( (response) => {
            if ( response.status == 200 ) {
                this.$emit('addRelatedPerson', response.data)
                this.$toasterE.success("Related people create", { mark:1 })
                this.$nextTick(() => {
                    this.$refs.form.reset()
                    this.form = form()
                });
            }
        }).catch( (err) => {
            this.exception(err)
        })
    }
    
    onSubmit() {
        let formData = new FormData(this.$refs.create)
        formData.append('case_report_id', this.case_id)
        axios.post('relatedPersons', formData).then( (response) => {
            if ( response.status == 200 ) {
                this.$emit('addRelatedPerson', response.data)
                this.$toasterE.success("Related people create", { mark:1 })
                this.$nextTick(() => {
                    this.$refs.form.reset()
                    this.form = form()
                });
            }
        }).catch( (err) => {
            this.exception(err)
        })
    }
    
    onSubmit() {
        let formData = new FormData(this.$refs.create)
        formData.append('case_report_id', this.case_id)
        axios.post('/relatedPersons', formData).then( (response) => {
            if ( response.status == 200 ) {
                this.$emit('addRelatedPerson', response.data)
                this.$toasterE.success("Related people create", { mark:1 })
                this.$nextTick(() => {
                    this.$refs.form.reset()
                    this.form = form()
                });
            }
        }).catch( (err) => {
            this.exception(err)
        })
    }
    
    axios.post('/relatedPersons', formData).then( (response) => {