サービスワーカーjsのFetch（）がリクエストヘッダを送信できませんでしたか？

Question

私のコードは同じです。fetch（）を呼び出していますが、ネットワークとサーバーのリクエストにcookieのようなリクエストヘッダーがありません。このRequest headers not sent from Service Workerの投稿をもう1つ見つけましたが、問題を解決できませんでした。

self.addEventListener('push', function (event) { 
    event.waitUntil(
    self.registration.pushManager.getSubscription().then(function (subscription) { 
     fetch('/user/get-notification', { 
     mode: 'no-cors', 
     method: 'post', 
     headers: { 
      'Authorization': 'Bearer ' + self.token, 
      'Accept': 'application/json', 
      'Content-Type': 'application/json' 
     }, 
     body: JSON.stringify(subscription) 
     }).then(function (response) { 
     if (response.status != 'success') { 
      console.log('Looks like there was a problem. Status Code: ' + response.status); 
      throw new Error(); 
     } 

     return response.json().then(function (data) { 
      var title = data.title; 
      var message = data.message; 
      var icon = data.image; 

      return self.registration.showNotification(title, { 
      body: message, 
      icon: icon 
      }); 
     }); 
     }).catch(function (err) { 
     console.error('Unable to retrieve data', err); 
     }); 
    }) 
); 
}); 

Answer 1

を、私は

のほかに気づきました

資格情報： '含む'

でフェッチを有効にしてリクエストヘッダーを送信することができます。

Answer 2

ヘッダーはインターフェイスです。初期化することで、新しいオプションセットを提供できます。あなたのリクエストにcredentialsフィールドを追加する必要がクッキー含めるに

headers: new Headers({ 
     'Authorization': 'Bearer ' + self.token, 
     'Accept': 'application/json', 
     'Content-Type': 'application/json' 
}) 

Answer 3

：このような何かサービスワーカーの公式ドキュメントを閲覧した後によく

fetch('/user/get-notification', { 
    credentials: 'include', // <-- To include cookies! 
    mode: 'no-cors', 
    method: 'post', 
    headers: { 
    'Authorization': 'Bearer ' + self.token, 
    'Accept': 'application/json', 
    'Content-Type': 'application/json' 
    }, 
    body: JSON.stringify(subscription) 
})