JavaScript: Set Content-Type header on Response Object

Question

How can I set the Content-Type header on a Response object?

My code so far:

new Response(
    file[1],
    {
        status: 200,

        // i have also tried "contentType", and "ContentType"
        "Content-Type": "text/html",
    },
)

For background, I am trying to create a custom HTML file and put it in cache with the caches API, and it is defaulting to text/plain.

luek baja · Accepted Answer · 2022-07-22 05:11:31Z

3

I figured it out right after posting:

new Response(
    "response body here...",
    {
        status: 200,
        headers: new Headers({
            "content-type": "text/html;charset=UTF-8",
        }),
    },
)

You need to use the Headers constructor and set it under the "headers" key, then you can set whatever response headers you want.

answered Jul 22, 2022 at 5:11

luek baja

1,71215 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ouroborus Over a year ago

For future reference: Response()

Collectives™ on Stack Overflow

JavaScript: Set Content-Type header on Response Object

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related