Как я могу поместить функцию токена в один файл и импортировать туда, где мне нужно

Question

Как мне поместить код заголовка jwt в один файл и импортировать его туда, где мне нужно, вместо того, чтобы записывать его в каждую нужную мне функцию

getStaffCode(){
    var token = localStorage.getItem('token');
    if(token == undefined){
      alert ("Token error");
   }
   else{
    var token = localStorage.getItem('token');
    const requestOptions = {
      headers: new HttpHeaders({'Authorization': 'bearer ' + token}),
    }
    return this.http.get(environment.url + 'api/Staffs',requestOptions);
  }
}

Answer 1

Специально для этого случая вы можете использовать перехватчик http для добавления токена в каждый запрос, посмотрите эту статью .

Вы можете реализовать ответный перехватчик, а также управлять им с 1 пункта на каждый запрос.

Answer 2

для этого вы можете просто воспользоваться услугой.Это означает, что в соответствии с концепцией, означающей сервис, мы используем сервисы, чтобы сделать нашу деятельность легкой и комфортной.мы можем провести это значение и в Angular.мы используем сервис, чтобы сделать наш код чище, и это действительно полезно для предотвращения нарушения концепции разделения интересов.поэтому сначала сделайте сервис в угловом формате, например:

   export class GetToken{

        getToken(){
             let token = localStorage.getItem('token');
             return token; 
        }    

  }

, и там, где вам нужен токен, просто используйте сервис.например, в файле ts у нас есть:

    constructor(private token : GetToken){}


   ngOnInit(){
     let token = this.token.getToken();


  }

Я надеюсь, что это полезно для вас.