Angular encoding accepting backslash

Question

I am having an application using Angular, which communicates with backend via rests. I am facing a problem with encoding of my questionares.

Angular part:

  searchCase(searchText: string): Observable<Case[]> {
    const encodedText = encodeURIComponent(searchText);
    return this.http.get<Case[]>(`${this.baseUrl}/case/search/${encodedText}`);
  }

Rest:

public List<Case> searchCase(
        @PathParam("searchedText") String searchedText) {
    return caseManagement.searchCase(searchedText);
}

For any input, this works totally fine, except for backslash. Then, it does not even reach my backend rest part. How can I go over it?

Look here https://stackoverflow.com/questions/12555230/if-i-am-encoding-a-uri-which-will-be-used-as-a-query-string-parameter-encodeuri . Actually it is considered as a part of your URL, so follow the steps of @sachleen and it will work fine! — Jonathan Gagne, Nov 13 '18 at 14:06
@AndrejBuday an example would be "12\65" - just a random string including backslash — Maciej Miśkiewicz, Nov 13 '18 at 21:50

score 0 · Accepted Answer · answered Nov 14 '18 at 15:03

It turned out that it was enough to use btoa instead:

searchCase(searchText: string): Observable<Case[]> {
    const encodedText = btoa(searchText);
    return this.http.get<Case[]>(`${this.baseUrl}/case/search/${encodedText}`);
  }

And then decode it on backend side and seems to work totally fine.

Angular encoding accepting backslash

1 Answers1