Vue.js 如何处理Vue渐进式web应用程序

我有一个基本的CRUDRESTAPI和一个基本的Vue前端。假设我有一个API端点

/users

返回所有用户，还有一个前端页面url

/users

，显示那些获取的用户的列表

我想通过CLI设置为我的Vue应用程序提供脱机功能并添加PWA支持

据我所知，他们的服务人员是客户机和服务器之间的一个实例。客户端向服务工作者发送一个请求，服务工作者决定是进行新的API调用还是返回以前缓存的数据

因此，我的用户页面可以获取

挂载的
钩子中的用户列表。如果没有PWA支持，我也可以将用户全局存储到Vuex存储，以便从其他页面访问他们

我想到了很多问题：


何时加载缓存数据以及何时发出新的API请求？互联网连接是唯一的标准吗？（如此处所列）
当实时数据已更改且排队请求将响应多个错误时，如何使用缓存数据
缓存存储受浏览器和设备操作系统的限制。假设iOS将存储限制在50MB，如何处理？有些带有某些图像的文档很容易通过限制。那么我必须决定缓存什么和不缓存什么吗
我看到了一个运行时缓存示例

{
urlpattern:“api url”，
处理程序：“例如networkfirst”，
选择权
}


但是我必须在服务人员配置中硬编码这样的大笑吗？许多API端点可能会变得非常混乱

如果有人能解释PWA是如何工作的以及如何处理它们，那就太棒了。Vue应用程序需要做什么，如何存储大量数据以及如何处理错误案例。
对于许多问题，简单回答：视情况而定。我想你可以用一本书来回答这个问题。给你。这将回答您的问题。@马西亚斯，我的第一个问题似乎在这里得到了回答，所以只有连接？我没有找到关于我的第二个和第四个问题的信息。第三个问题似乎在这里得到了回答