Javascript Fetch - Interpret header as UTF-8?

Asked Sep 23 '20 at 09:08

Active Sep 23 '20 at 09:25

Viewed 60 times

I need to fetch a UTF-8 string from a header in a React Native application like so:

fetch('https://www.example.com', {
  method: 'HEAD',
  headers: {
    'Content-Type': 'text/html; charset=utf-8'
  }
}).then((res) => {
  console.log(res.headers.get('example-header'))
}

However, I have some german characters such as ü being logged as Ã¼.

According to this article, the ü is being interpreted as ISO 8859-1 (Latin-1).

Looking at the response headers, I clearly see Content-Type: text/html; charset=utf-8

Is there a way to ensure the header is properly decoded as UTF-8?

Is it even possible?

It works in the Firefox console.

edited Sep 23 '20 at 09:25

asked Sep 23 '20 at 09:08

waffl

5,179
10
73
123

Try this: `response.setContentType("text/html;charset=UTF-8");` – PatricNox Sep 23 '20 at 09:09
Encode it as JSON or base 64 or any other ASCII-safe encoding. There's no plain non-ASCII in HTTP headers. – deceze Sep 23 '20 at 09:11
@PatricNox unfortunately that doesn't work. – waffl Sep 23 '20 at 09:21
@deceze I was worried about that but was confused as this works in the Firefox console, but not in a React Native application - have edited to clarify. – waffl Sep 23 '20 at 09:21

Javascript Fetch - Interpret header as UTF-8?

0 Answers0