title: Angular HTTPClient altered specify string in response data
body: <p>I'm using angular9.<br>
  The httpclient altered the specified string in response data from API.</p>
  <p>This is header:</p>
  <pre><code>const headers = new HttpHeaders({});
  const httpOptions = {
              headers,
              withCredentials: true,
              responseType: 'text',
              params
          };
  </code></pre>
  <p>Handle response data:</p>
  <pre><code>request.subscribe((response) =&gt; {
              let data;
              try {
                  data = JSON.parse(response);
              } catch(err) {
                  data = response;
              }
          }
  </code></pre>
  <p>The real data is <code>&quot;country&quot;:&quot;Åland Islands&quot;</code><br>
  But the response altered to <code>&quot;country&quot;:&quot;Ã[]land Islands&quot;</code></p>
  <p><a href="https://i.stack.imgur.com/YjZcR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YjZcR.png" alt="enter image description here" /></a></p>
  <p><strong>Update question</strong>:<br>
  The error occurs when I submit data, value in DB is altered:<br></p>
  <pre><code>Request Payload:
  {country: &quot;Åland Islands&quot;}
   
  And Response:
  {country: &quot;Ãland Islands&quot;}
  </code></pre>