Skip to main content
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Limpieza y reorganización de la redacción. Nota: la etiqueta cambia de angularjs-2.0 a angular de manera automática
Origen Enlace
OscarGarcia
  • 28.5k
  • 3
  • 29
  • 64

Angular 2: forbidden error 403

mi pregunta es la siguiente: -¿Porque¿Por qué recibo error 403 en firebug al querer representar una imagen?. Está realizandose

Está realizándose la applicaiónaplicació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());
    }

Ese es el método para el servicio de artista. 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>

Aquí está el HTML.

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 porquépor qué todos los sitios en los que quiero poner una imagen no he tenido problema, y aquí si?

Gracias de antemano. Un saludo.

Angular 2 forbidden error 403

mi pregunta es la siguiente: -¿Porque recibo error 403 en firebug al querer representar una imagen?. Está realizandose la applicaión con MEAN Stack.

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());
    }

Ese es el método para el servicio de artista. 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.

<div class="image-for-edit" *ngIf="artist.image && artist.image != 'null'">
    <img src="{{url + 'getImageArtist/' + artist.image}}">
</div>

Aquí está el HTML.

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 porqué todos los sitios en los que quiero poner una imagen no he tenido problema, y aquí si?

Gracias de antemano. Un saludo.

Angular 2: forbidden error 403

¿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í ?

Relanzada por el usuario Comunidad
Origen Enlace
H. Díaz
  • 589
  • 3
  • 18

Angular 2 forbidden error 403

mi pregunta es la siguiente: -¿Porque recibo error 403 en firebug al querer representar una imagen?. Está realizandose la applicaión con MEAN Stack.

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());
    }

Ese es el método para el servicio de artista. 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.

<div class="image-for-edit" *ngIf="artist.image && artist.image != 'null'">
    <img src="{{url + 'getImageArtist/' + artist.image}}">
</div>

Aquí está el HTML.

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 porqué todos los sitios en los que quiero poner una imagen no he tenido problema, y aquí si?

Gracias de antemano. Un saludo.