Как исключить некоторые службы, такие как вход, регистрация в перехватчике Angular 5, HttpClient

Чтобы дать на это ответ не только в комментариях, как просили ;-)

Чтобы исключить некоторые службы (или даже те же самые службы, используемые в разных компонентах) из перехватчика, лучше всего разделить ваше приложение на модули и предоставить перехватчик только в тех модулях, где это необходимо. Например, после входа в систему или в админке.

Перехватчик может быть даже предоставлен для отдельных компонентов с использованием свойства providers объявления @Component.

Хотя ответ # Fussel (выше) работает, часто не рекомендуется включать службу перехватчика в каждый компонентный модуль. Это противоречит интуиции и непродуктивно. Мы хотим, чтобы перехватчик был в одном месте и работал со всеми http-запросами. Один из способов - исключить привязку заголовка в функции intercept () на основе URL-адреса.

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
const re = /login/gi;
// Exclude interceptor for login request:
if (req.url.search(re) === -1 ) {
  req = req.clone({
    setHeaders: {
      Authorization: `Bearer ${localStorage.getItem('authToken')}`
    }
  });
}
return next.handle(req);

}

Я должен был решить то же самое. Деление на модули для меня очень дорогое удовольствие. И решение #DragoRaptor не подходит, когда у вас есть несколько точек, где нужно "перепрыгнуть" перехватчик.

Мое решение неортодоксальное, но, возможно, оно пригодится кому-то другому.

Он просто состоит из:

1. Включите в запрос еще один параметр
2. Проверить этот параметр в перехватчике
3. Удалить параметр

Пример вызова

    public searchPersons(term: string): Observable<any> {
       return this.http.get('person/', { params: { dni: term, spinner: 'no' } });
    }

Пример перехватчика

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

// check if you have the parameter 'spinner'
    const spinner = request.params.get('spinner');
    if (spinner && spinner === 'no') {

// remove parameter
      request.params.delete('spinner');

// jump the interceptor
      return next.handle(request);
    }

// Execute interceptor

  }
}

Вы можете использовать для этого HttpBackend. Пример приведен ниже

import { Injectable } from '@angular/core';
import { HttpClient, HttpBackend } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class NoheaderService {

 private httpClient: HttpClient;
  constructor( handler: HttpBackend) { 
     this.httpClient = new HttpClient(handler);
     }

   fetchInsta(username) {
      return new Promise((resolve, reject) => {
         this.httpClient.get(`https://www.instagram.com/${username}/?__a=1`)
          .subscribe((response: any) => {
           resolve(response);
             },reject);
               })
              }
          }

У меня была такая же проблема, я смог решить ее вот так:

    intercept(request: HttpRequest<any>, next:HttpHandler: Observable<HttpEvent<any>> {

// You can retrieve the url or a part in order to filter them
       if (request.url.slice(0, 20) != 'https://site.to.exclude') {
      request = request.clone({
          setHeaders: {
             'content-type': 'application/json',
            // or your header specific add to the interceptor
          }
        });
      }
     else {
//  interceptor does not add specific header
      return next.handle(request)
      }
   }

У меня была аналогичная проблема. После внедрения перехватчика все HTTP-запросы все равно будут отслеживаться. В моем коде говорилось о том, есть ли у меня токен доступа или нет. Если нет, то параметр токена перехватчиков должен быть установлен в "" (пустая строка). Чем все идет. В коде fn перехватчика это выглядит так:

       intercept(
          request: HttpRequest<any>,
          next: HttpHandler**strong text**
       ): Observable<HttpEvent<any>> {

        //how to update the request Parameters
        **let token : string;
        let currentUser : any = JSON.parse(localStorage.getItem('currentUser'));
        if (currentUser){
            token = currentUser.access_token;
        }else{token = ""}**

        console.log("Token dobavljen sa localStorage.getItem:   ", token);
        if (token) {
            request = request.clone({ headers: request.headers.set('Authorization', 'Bearer ' + token) });
        }

        if (!request.headers.has('Content-Type')) {
            request = request.clone({ headers: request.headers.set('Content-Type', 'application/json') });
        }

        request = request.clone({ headers: request.headers.set('Accept', 'application/json') });

        //logging the updated Parameters to browser's console
        console.log("Before making api call : ", token);

        return next.handle(request).pipe(
            tap(
                event => {
                    //logging the http response to browser's console in case of a success
                    if (event instanceof HttpResponse) {
                    console.log("api call success :", event);
                    }
                },
                error => {
                    //logging the http response to browser's console in case of a failuer
                    if (event instanceof HttpResponse) {
                    console.log("api call error :", event);
                    }
                }
            )
        );
    //}
}