问laravel 8: axios.post不工作在控制器上

EN

<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

 /**
 * 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 '';
}