¿Por qué recibo error 403 en firebug al querer representar una imagen?.
Está realizándose la aplicación con MEAN Stack.
Este es el método para el servicio de artista:
getArtist(token, id: string){
let headers = new Headers({
'Content-Type' : 'application/json',
'Authorization': token
});
let options = new RequestOptions({headers: headers});
return this._http.get(this.url + 'getOneArtist/'+ id, options).map(res => res.json());
}
Y quiero poner su imagen correspondiente. El caso es que en principio todo ha ido bien hasta ahora, puesto que tengo en el back-end configuradas las cabeceras. CORS.
Aquí está el HTML:
<div class="image-for-edit" *ngIf="artist.image && artist.image != 'null'">
<img src="{{url + 'getImageArtist/' + artist.image}}">
</div>
Y finalmente, el método del controlador:
getArtist(){
this._route.params.forEach((params: Params) => {
let id = params['id'];
this._artistService.getArtist(this.token, id).subscribe(
response => {
if(!response.artist) {
this._router.navigate(['/']);
}else{
this.artist = response.artist;
}
},
error => {
var errorMessage = <any>error;
if(errorMessage != null) {
console.log(error);
}
}
);
});
}
¿Alguna pista de por qué todos los sitios en los que quiero poner una imagen no he tenido problema y aquí sí?