JavaScript：在响应对象上设置 Content-Type 标头

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.

Answer 1

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.