[SOLUCIONADO] Acceso prohibido

[pablobaez]

hola estoy haciendo un programa con laravel y jquery me genera el error de Acceso prohibido cuando dejo el código js en un archivo public, pero cuando lo coloco directamente el código dentro de las etiquetas script en la pagina este funciona correctamente.

Código:

@extends('layouts.app')

@section('content')
<div class="container-fluid">
        <div class="col-sm-6 col-md-3 col-lg-3">
            <table class="tabla_sta_dueno table" id="tabla_sta_dueno">
            
                <thead class="thead-light">
                    <tr>
                        <th scope="col">N°</th>
                        <th scope="col">Estado Dueño</th>
                        <th  scope="col"><a href="#" class="btn_add_sta_dueno btn" id="btn_add_sta_dueno">+</a></th>
                    </tr>
                </thead>
                
                    <tbody id="estado_dueno">
                      
                    </tbody>
                    
            </table>
            <div class="d-flex justify-content-center"></div>
        </div>
</div>
<div class="modal fade" id="modalFormingParametros" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header" id='modal-header'>
                <h2 class="modal-title ml-auto" id="titulo_moldal"></h2>
                <button type="button" class="close content-item-center" data-dismiss="modal">
                    <span aria-hidden="true">×</span>
                </button>
            
            </div>
            
            <!-- Modal Body -->
            <div class="modal-body">
            <form method="post" id="form_ing_parametros" class="form_ing_parametros" >
                <input type="hidden" name="token" value="{{ csrf_token() }}">
                    @csrf
                    <!-- Datos del tutor -->
                    <div class="card">
                        <div class="card-body">
                            <div class="form-group row">
                                <label for="inputNombre" class="col-md-4 col-form-label text-md-left" id="label"></label>
                                <input type="text" name="color" class="form-control col-md-8" id="inputText" placeholder=""/>
                            </div>
                        </div>
                    </div>
               
                <!-- Modal Footer -->
                    <div class="pt-2">
                        <input type="hidden" name="action" id="action" value=""/>
                        <input type="hidden" name="hidden_id" id="hidden_id" value=""/>
                        <input type="hidden" name="hidden_table" id="hidden_table" value="" />
                        <input type="submit" class="btn btn-primary" id="btn_ingresar" name="btn_ingresar" value="Ingresar" />
                        <button type="button" class="btn btn-default" id="btn_salir" data-dismiss="modal">Cerrar</button>                    
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script src="{{ asset('js/parametros.js') }}">

</script>
@endsection

[pablobaez]

en mi archivo js tenia esta ruta
var ruta='{{ route("list") }}';

hay que colocar la ruta directa
var ruta='listajax';