zoukankan      html  css  js  c++  java
  • [PWA] Show an Error when a POST or DELETE Fails in an Offline PWA

    We're storing JSON data in the cache - but that only applies to HTTP GET requests - and not to POST or DELETE requests.

    We'll add a fetch event listener to the service worker, where we can intercept all fetch requests in our app. We'll forward them to the server - but if they fail, then we'll return an error back to the app.

    In the app, we can detect that error, and respond by showing an alert that the functionality isn't available in offline mode.

    console.log("IN sw.js")
    
    workbox.skipWaiting();
    workbox.clientsClaim();
    
    workbox.routing.registerRoute(
        new RegExp('https:.*min.(css|js)'),
        workbox.strategies.staleWhileRevalidate({
            cacheName: 'cdn-cache'
        })
      )
    
      workbox.routing.registerRoute(
        new RegExp('(http|https|localhost)://.*:4567.*.json'),
        workbox.strategies.networkFirst()
      )
    
     // Handle the POST and DELETE requests by SW
      self.addEventListener('fetch', event => {
        if (event.request.method === "POST" || event.request.method === "DELETE") {
          event.respondWith (
            fetch(event.request).catch(err => {
              return new Response(
                JSON.stringify({error: "This action disabled while app is offline"}),
                {headers: {
                  'Content-Type': 'application/json'
                }}
              )
            })
          )
        }
      })
    
    workbox.precaching.precacheAndRoute(self.__precacheManifest || [])
  • 相关阅读:
    hdu 5475(打破固定思维OR线段树)
    hdu 2521 反素数(打表)
    hdu 4540(dp)
    hdu 4535(排列组合之错排公式)
    hdu 4530(数学)
    hdu 4528(搜索好题)
    hdu 4522(图论,构图)
    kalinux 换源
    用python进行wifi密码生成
    hashcat 中文文档
  • 原文地址:https://www.cnblogs.com/Answer1215/p/10199432.html
Copyright © 2011-2022 走看看