Угловой URL запроса HttpClient удаляет хэштег / знак числа - PullRequest
Новая
       16

Угловой URL запроса HttpClient удаляет хэштег / знак числа

0 голосов
/ 01 февраля 2019

Я использую httpclient get, когда у меня есть # в URL-адресе запроса, он удаляет все после #

Пример:

Предполагаемый запрос:

https://jsonplaceholder.typicode.com/users/1#TEST

Фактический запрос:

https://jsonplaceholder.typicode.com/users/1

Я пытался использовать PathLocationStrategy, но это толькоссылки на маршрутизатор.

Сделан пример slackblitz, он также имеет PathLocationStrategy.

Stackblitz: https://stackblitz.com/edit/angular-http-client-p5yrdq

enter image description here

  1. Почему это происходит?
  2. Любые решения / обходные пути?

1 Ответ

0 голосов
/ 04 февраля 2019

Моим решением было перехватить и закодировать URL и параметры.

app.module.ts 

providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: EncodeHttpParamsInterceptor,
      multi: true,
    },

EncodeHttpParamsInterceptor 

@Injectable()
export class EncodeHttpParamsInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const params = new HttpParams({encoder: new CustomEncoder(), fromString: req.params.toString()});
    const httpUrlEncoding = new HttpUrlEncodingCodec();
    return next.handle(req.clone({
      params,
      url: httpUrlEncoding.encodeValue(req.url),
    }));
  }
}

CustomEncoder 

export class CustomEncoder implements HttpParameterCodec {
  encodeKey(key: string): string {
    return encodeURIComponent(key);
  }

  encodeValue(value: string): string {
    return encodeURIComponent(value);
  }

  decodeKey(key: string): string {
    return decodeURIComponent(key);
  }

  decodeValue(value: string): string {
    return decodeURIComponent(value);
  }
}
...