Hello , I have an api rest with services , and the frontend is an angular 5
app.
I have that Interceptor in angular
@Injectable()
export class AuthInterceptor implements HttpInterceptor {
constructor(private router : Router){
}
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<
HttpSentEvent | HttpHeaderResponse | HttpProgressEvent | HttpResponse<any>
| HttpUserEvent<any>> {
if(!req.url.includes('oauth/token') && req.url.includes(
'pineapple-admin-core')){
console.log('Si entro y el token que voy a setear es '+localStorage.getItem(
'userToken'));
let headers : any;
if(localStorage.getItem('userToken')){
console.log(localStorage.getItem('userToken'));
headers = new HttpHeaders({
'Authorization':'Bearer '+ localStorage.getItem('userToken'),
'Content-Type':'application/json',
'Accept':'application/json, text/plain, */*'
});
}
const cloneReq = req.clone({headers});
return next.handle(cloneReq);
}else if(req.url.includes('oauth/token')){
return next.handle(req.clone());
}else{
this.router.navigateByUrl('/login');
}
}
}
and this is the service
const cudOptions = {headers: new HttpHeaders({'Content-Type':
'application/json'})}
@Injectable()
export class UserServiceService {
private usersUrl: string =
'http://localhost:8080/pineapple-admin-core/users/list';
private userUrl: string =
'http://localhost:8080/pineapple-admin-core/users/get';
private userAdd: string =
'http://localhost:8080/pineapple-admin-core/users/add';
private userDelete: string =
'http://localhost:8080/pineapple-admin-core/users/delete';
private userUpdate: string =
'http://localhost:8080/pineapple-admin-core/users/update';
private getMe : string =
'http://localhost:8080/pineapple-admin-core/users/me/data';
private loginUrl = "http://localhost:8080/pineapple-admin-core/oauth/token";;
constructor(private http: HttpClient) {
}
getUsers(): Observable<User>{
return this.http.get<User>(this.usersUrl, {headers : new HttpHeaders({
'Authorization' : 'Bearer '+localStorage.getItem('userToken')})})
.catch(this.handleError);
}
getUser(id: string|number): Observable<User>{
const url = `${this.userUrl}/${id}`;
return this.http.get<User>(this.userUrl).catch(this.handleError);
}
addUser(user: User): Observable<User>{
const newUser = Object.assign({}, user);
return this.http.post<User>(this.userAdd, newUser, cudOptions)
.catch(this.handleError);
}
deleteUser(user: User|number){
const id = typeof user === 'number' ? user : user.id;
const url = `${this.userDelete}/${id}`;
return this.http.delete(url,cudOptions)
.catch(this.handleError);
}
updateUser(user : User): Observable<User>{
return this.http.put(this.userUpdate, user, cudOptions)
.catch(this.handleError);
}
getUserMe(){
return this.http.get(this.getMe).catch(this.handleError);
}
userAuthentication(userName: string, password: string){
var data = "grant_type=password&username="+userName+"&password="+password;
let headers : HttpHeaders = new HttpHeaders();
headers = headers.append('Content-Type', 'application/x-www-form-urlencoded'
);
headers = headers.append('Authorization', 'Basic
b25lbW9yZWNsaWVudGlkOlhZN2ttem9OemwxMDA=');
return this.http.post(this.loginUrl, data, {headers: headers}).catch(this.
handleError);
}
private handleError(error: any){
console.error(error);
return Observable.throw(error);
}
}
And this is the component
@Component({
selector: 'app-user-crud',
templateUrl: './user-crud.component.html',
styleUrls: ['./user-crud.component.css']
})
export class UserCrudComponent implements OnInit {
me : any;
user: User;
constructor(private router: Router, private userService: UserServiceService)
{ }
ngOnInit() {
this.userService.getUserMe().subscribe((data : any) => {
console.log(data);
this.me = data;
})
}
/*
result => {
if (result.code != 200)
console.log(result);
else
this.users = result.data;
},error => {
console.log(<any>error);
}
*/
getUsers() {
this.userService.getUsers().subscribe((data : any) => {
console.log(data.content);
},(err : HttpErrorResponse)=>{
console.log(err);
});
}
}
And when I send the request for to authenticate , that resturn success ,
and when i invoke the service getMe(), return 401.
I saw the request in mozilla and return 401 error , but if i edit and
resend the petition adding 'Auhorization':'Bearer'+token , return
200 OK, but this work is the interceptor , and i wrote that code , like in
the documentation, please , HELP. Thank you very mutch and
sorry for my English.
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
