如何让网页在第一次访问过后缓存下来,之后在无网络环境下也可以运行

Question

为了毕设

我希望我的页面可以在第一次访问过后缓存下来(不是下载),之后在无网络环境下也可以运行,就像下图的vuetify页面一样
我觉得可能和 f12 => 应用程序 => 帧 => top => 安全上下文 有关,但我对此一窍不通

普通页面断网情况下,不安全,vuetify断网情况下安全

希望有有能之士教我如何想vuetify页面那样,能为我指点迷津,感谢

(我的前端框架是vue-cli2)

Answer 1

使用H5提供的技术 applicationCache 来进行网页离线缓存也许可以解决你的诉求