laravel vue.js Метод GET не поддерживается для этого маршрута. Поддерживаемые методы: POST

Question

Я создаю систему комментирования. Теперь я хочу опубликовать новый комментарий, но при отправке комментария я получил сообщение об ошибке http://127.0.0.1:8000/comments/51.

Метод GET не поддерживается для этого маршрута. Поддерживаемые методы: POST.

Я хочу оставить комментарий в этом URL http://127.0.0.1:8000/results/51.

В моей консоли инструментов Chrome Dev появляется эта ошибка

Не удалось загрузить ресурс: сервер ответил со статусом 500 (Внутренняя ошибка сервера)

web.php

Route::middleware(['auth'])->group(function(){
    //post a comment
    Route::POST('comments/{post}', 'CommentController@store')->name('comment.store');
});


//comment area
Route::get('results/{post}/comments', 'CommentController@index');
Route::get('comments/{comment}/replies', 'CommentController@show');

comments.vue

<template>
<div class="commentarea" > 
    <div class="comment-posts" >
        <div v-if="!auth" class="user-comment-area" >
            <div  class="user-post">
                <!---<img src="{{asset('people/person7.jpg')}}" class="image-preview__image">--->
                <input v-model="newComment" type="text" name="comment">
            </div>
            <div class="comments-buttons">
                <button class="cancel-button">Cancel</button>
                <button @click="addComment" class="comment-button" type="submit">Comment</button>
            </div>
        </div>
        <h4>Comments ()</h4>

        <div class="reply-comment"  v-for="comment in comments.data" :key="comment.id">
                <div class="user-comment">
                <div class="user">
                    <!---<img src="{{ $comment->user->img }}" class="image-preview__image">--->
                    <avatar :username="comment.user.name"></avatar>
                </div>
                <div class="user-name">
                    <span class="comment-name"><a href="">{{ comment.user.name }}</a></span>
                    <p>{{ comment.body }}</p>
                </div>
            </div>
            <div class="reply">
                <button class="reply-button">
                    <i class="fas fa-reply"></i>
                </button>
            </div>
                <replies :comment="comment"></replies>
        </div>
    </div>
    <div>
        <button v-if="comments.next_page_url" @click="fetchComments" class="load">Load More</button>
    </div>
</div>
</template>

<script>
import Avatar from 'vue-avatar'
import Replies from './replies.vue'
export default {
    props: ['post'],
    components: {
        Avatar,
        Replies
    },
    mounted() {
        this.fetchComments()
    },
    data: () => ({
        comments: {
            data: []
        },
        newComment: '',
        auth: ''
    }),
    methods: {
        fetchComments() {
            const url = this.comments.next_page_url ? this.comments.next_page_url : `/results/${this.post.id}/comments`

            axios.get(url).then(({ data }) => {
                this.comments = {
                    ...data,
                    data: [
                        ...this.comments.data,
                        ...data.data
                    ]
                }
            })
            .catch(function (error) {
                console.log(error.response);
            })
        },
        addComment() {
            if(! this.newComment) return
            axios.post(`/comments/${this.post.id}`, {
                body: this.newComment
            }).then(( {data} ) => {
                this.comments = {
                    ...this.comments,
                    data: [
                        data,
                        ...this.comments.data
                    ]
                }
            })
        }
    }
}
</script>

commentsController.php

public function store(Request $request, Post $post)
{
    return auth()->user()->comments()->create([
        'body' => $request->body,
        'post_id' => $post->id,
        'comment_id' => $request->comment_id
    ])->fresh();
}

comment.php

protected $appends = ['repliesCount'];

public function post()
{
    return $this->belongsTo(Post::class);
}

public function getRepliesCountAttribute()
{
    return $this->replies->count();
}

Я рад, если кто-то мне поможет.

Answer 1

ваш URL: http://127.0.0.1:8000/results/51.

ваши маршруты должны быть:

Route::group(['middleware' => 'auth'],function () {
    Route::post('comments/{post_id}', 'CommentController@store')->name('comment.store');
});

ваш контроллер будет:

public function store(Request $request,$post_id)
{
    return auth()->user()->comments()->create([
        'body' => $request->body,
        'post_id' => $post_id,
        'comment_id' => $request->comment_id
    ])->fresh();
}

Answer 2

Спасибо, я добавил метод catch, и проблема заключалась в том, что я не включил защищенные $ fillable ['body', 'post_id', 'comment_id'] в модель комментариев.