防止数据表中的查询显示在浏览器中

如何解决防止数据表中的查询显示在浏览器中

我有一个数据表，它带给我用户列表。我正在使用datables.net库。我向php控制器和laravel雄辩的查询发出请求，但是当进行一些过滤时，它会在预览中显示查询。有什么办法可以避免这种情况？ preview image of the request

PHP代码

    public function DataTableUsers()
        {
            // model
            $model = User::select('id','name','email','created_at');
            return DataTables::of($model)
            ->editColumn('created_at',function(User $user) {
                return $user->created_at->format('d/m/Y'); 
            })
            ->addColumn('action','usuarios.action')         
            ->toJson();
        }

JS数据表

 var table = $('#User_Datatable').DataTable({
            responsive: true,buttons: [
                'print','copyHtml5','excelHtml5','csvHtml5','pdfHtml5',],// Pagination settings
            dom: `<'row'<'col-sm-12'tr>>
            <'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,lengthMenu: [5,10,25,50],pageLength: 10,searchDelay: 500,processing: true,serverSide: true,ajax: {
                url: url,type: 'POST',headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') },data: {
                    columnsDef: [
                        'id','created_at','action'
                    ],},columns: [{
                    data: 'id',title: 'ID'
                },{
                    data: 'name',title: 'Nombre'
                },{
                    data: 'email',title: 'Correo'
                },{
                    data: 'created_at',title: 'Creación'
                },{
                    data: 'id',title: 'Status'
                },{
                    data: 'action',title: ' ',sort: false,responsivePriority: -1
                },initComplete: function() {
                this.api().columns().every(function() { 
                    var column = this;

                    switch (column.title()) {
                        case 'Nombre':
                            column.data().unique().sort().each(function(d,j) {
                                $('.datatable-input[data-col-index="1"]').append('<option value="' + d + '">' + d + '</option>');
                            });
                            break;
                    }
                });
            },columnDefs: [{
                targets: 4,render: function(data,type,full,meta) {
                    var status = {
                        1: { 'title': 'Pendiente','class': 'label-light-primary' },2: { 'title': 'Entregado','class': ' label-light-danger' },3: { 'title': 'Cancelado','class': ' label-light-primary' },4: { 'title': 'Exitoso','class': ' label-light-success' },5: { 'title': 'Dato','class': ' label-light-info' },6: { 'title': 'Fallido',7: { 'title': 'Advertencia','class': ' label-light-warning' },};
                    if (typeof status[data] === 'undefined') {
                        return data;
                    }
                    return '<span class="label label-lg font-weight-bold' + status[data].class + ' label-inline">' + status[data].title + '</span>';
                },}]
        });