laravel 8：axios.post 在控制器上不起作用

Question

我正在尝试为项目中的博客文章创建一个喜欢/不喜欢按钮系统。如果单击“喜欢”或“不喜欢”按钮，我正在使用 axios 向控制器发送请求。

这是我的 home Blade 上的脚本

<div class="d-flex justify-content-center">
                  <button type="button"  class="btn btn-outline-success btn-sm " onclick="actOnReact(event);" data-react-id="{{$posts->id}}">Like</button>
                  <p id="likes-count-{{$posts->id}}"> {{$posts->post_like}}&nbsp;&nbsp;</p>
                  <p>&nbsp;&nbsp;</p>
                  
                  <button type="button" class="btn btn-outline-warning btn-sm" onclick="actOnReact(event);" data-react-id="{{$posts->id}}">Dislike</button>
                  <p id="dislikes-count-{{$posts->id}}">{{$posts->post_dislike}}</p>
        </div>

---

@section('js')
    <script>
        
        var updateReactStats = {
            Like:function (reactId) {
                document.querySelector('#likes-count-' + reactId).textContent++;
            },

            Dislike:function (reactId) {
                document.querySelector('#dislikes-count-' + reactId).textContent++;
            }
        }
        


        var actOnReact = function (event) {
            var reactId = event.target.dataset.reactId;
            var action = event.target.textContent;
            updateReactStats[action](reactId);
            axios.post('/posts/' + reactId + '/react',
                { action: action })
        .then((response)=>{
            console.log(response)
        }).catch((error)=>{
            console.log(error.response.data)
        })
        };

    </script>
    @endsection

我的 HomeController.php 部分

 /**
 * increment like or dislike for the specified resource.
 *
 * @param  int  $id
 * @return \Illuminate\Http\Response
 */
public function react(Request $request, $id)
{
  $action = $request->get('action');
    switch ($action) {
        case 'Like':
            Post::where('id', $id)->increment('post_like');
            break;
        case 'Dislike':
            Post::where('id', $id)->decrement('post_dislike');
            break;
    }
    return '';
}

我在 web.php 中的路线 Route::resource('posts', PostsController::class);

Answer 1

您的资源路由Route::resource('posts', PostsController::class); 确实不使/posts/{post}/react 可用，它只使CRUD 路由（索引、创建、编辑...）可用。 （可以在文档中找到可用操作的完整列表：Actions Handled By Resource Controller）

您需要添加一个专门处理您的用例的路由。将此路由添加到您的web.php：

Route::post('/posts/{id}/react', [PostController::class, 'react']);