Hola estoy trabajando con laravel y axios, el tema que tengo un problema al asignar en el controlador de laravel permisos, y al ejecutarlo por axios me tira error 401 de que no tiene permisos y no me deja listar ni editar, en otras palabras el contenido de la pagina queda en blanco. ¿como podría axios leer los permisos?
Controlador Laravel Lugar donde le pongo restricciones con middleware para que pueda tomar los permisos.
public function __construct()
{
$this->middleware('auth');
}
public function index()
{
//$this->authorize('view users', Site::class);
return view('model.sites');
}
public function getSites(){
//$this->authorize('view users', Site::class); //Funciona si esta comentado
return $sites = Site::orderBy('id','asc')->get();
}
Ruta Laravel
Route::get('/config','SiteController@getSites');
Route::resource('/config', 'SiteController',['except'=>['create','edit','destroy','show']]);
Template de la tabla se encuentra insertada directamente en blade y no realizado por compenentes.
<div id="config" class="iq-card-body">
<table class="table table-hover">
<thead>
<tr>
<th>Nombre</th>
<th>Descripción</th>
<th>Valor</th>
<th>Acción</th>
</tr>
</thead>
<tbody>
<tr v-for="(site, item) in sites" :key="item">
<td>@{{ site.name }}</td>
<td>@{{ site.description }}</td>
<td>@{{ site.value }}</td>
<td>
<a href="#" v-on:click.prevent="editSite(site)">
<i class="ri-pencil-line"></i>
</a>
</td>
</tr>
</tbody>
</table>
@include('model.modal')
</div>
<script src="{{asset('js/config.js')}}"></script>
Script axios, ya que no ocupo template vue, solo template blade
const config = new Vue({
el: '#config',
created: function () {
this.getConfig();
},
data() {
return {
sites: [],
fillSite: { id: "", value: "", name: "" },
errors: []
};
},
methods: {
getConfig: function () {
var urlSite = "api/config";
axios.get(urlSite).then(response => {
this.sites = response.data;
});
},
editSite: function (site) {
this.fillSite.id = site.id;
this.fillSite.name = site.name;
this.fillSite.value = site.value;
$('#editSite').modal('show');
},
updateSite: function (id) {
var url = "config/" + id;
axios.put(url, this.fillSite).then(response => {
this.getConfig();
this.fillSite = { id: "", value: "", name: "" };
this.errors = [];
$('#editSite').modal('hide');
toastr.success('Sitio configurado con exito');
}).catch(error => {
this.errors = error.data
toastr.error('Error al insertar el atributo');
});
}
}
});
Este es el error que me manda teniendo permisos activados en el controlador.
Si le quito la linea de permisos $this->authorize('view users', Site::class);
me muestra sin problemas los datos y me ejecuta el metodo de getSites().
dd(\Auth::user())
y te sale el usuario logueado o null.$this->authorize
. ¿o como se inyecto la funcion authorize?zizaco/entrust
, por eso queria un link para leer la documentacion. de todas formas buena pregunta, +1.