有没有办法在 ASP .NET MVC5 中使用 service worker 缓存所有文件？

Question

我想将我的旧 ASP .NET MVC5 项目制作为 PWA，所以我正在设置服务工作者。
我希望/Views/Home/目录中的项目文件被缓存。

所以我添加了这样的缓存列表。

const CACHE_NAME = "cache";
const CACHE_LIST = [
    "/",
    "/Views/",
    "/Views/Home/",
    "/Views/Home/Project"
]

const addResourcesToCache = async (resources) => {
    const cache = await caches.open(CACHE_NAME);
    await cache.addAll(resources);};
}

self.addEventListener('install', (event) => {
    self.skipWaiting();
    event.waitUntil(
        addResourcesToCache(CACHE_LIST)
    );
});

但它没有奏效。 它发生错误。

Uncaught (in promise) TypeError: Failed to execute 'addAll' on 'Cache': Request failed

我试过有没有办法缓存服务工作者中定义的文件夹/路径的所有文件？ 但没有用。

我像这样更改了缓存列表并且它起作用了。

（ http://localhost:23402/subdomain1/subdomain2/subdomain3/是 url 关于项目文件。）

const CACHE_LIST = [
    "/",
    "http://localhost:23402/subdomain1/subdomain2/subdomain3/"
]

但是我必须缓存我的遗留项目中的所有文件，所以我不能像那样一个一个地注册缓存。
我想缓存所有文件路径不是url的文件。

我怎么解决这个问题？

Answer 1

是的

但是你的 service worker 和你的服务器代码 (C#) 是完全解耦的。 因此，您在服务人员中缓存的内容基本上与从您的网站呈现的内容或实际呈现的方式无关。

将 service worker 想象成在浏览器中运行的 web 服务器。

您可以从 service worker 渲染 HTML 等。 您发出 HTTPS 请求以获取数据（HTML、CSS、JS、图像、JSON、视频）。 您可以缓存任何响应 object，甚至可以在 service worker 中创建响应对象并将它们缓存在 service worker 缓存中。 您还可以在 IndexedDB 中缓存原始数据（我在我的应用程序中经常使用它）。

这似乎是开发人员普遍存在的误解。 Service Worker 是独立的。 它不关心您是否使用 ASP.NET、JSP、WordPress 或 CGI bin。 我个人使用 static HTML 和 API 调用现在在我的应用程序中返回 Z0ECD11C1D7A287401D148A23BBD7A2。 没有 ASP.NET 了：（现在已经有 7 年了。