EnMDN Obtener

Hay este ejemplo:

 const myInit = { method: 'GET', headers: { 'Accept': 'image/jpeg' }, mode: 'cors', cache: 'default' }; let myRequest = new Request('flowers.jpg', myInit);

Puede ver que el objeto de los encabezados es solo un objeto literal normal, pero cuando lo intento, este código no agrega el encabezado personalizado:

 const PWA_FETCH_BYPASS = "X-PWA-Fetch-Bypass" let init = { headers: { PWA_FETCH_BYPASS: 'true' }, } let response = await fetch(url, init)

Pero este código agrega el encabezado personalizado:

 const PWA_FETCH_BYPASS = "X-PWA-Fetch-Bypass" let myHeaders = new Headers(); myHeaders.append(PWA_FETCH_BYPASS, 'true') const init = { headers: myHeaders } let response = await fetch(url, init)

¿Por qué la versión literal del objeto no agrega el encabezado personalizado?