是否可以在 Angular 4 项目中使用 HTML5 AppCache？

Question

我一直在尝试在我的 Angular CLI 项目中使用 AppCache，并且一直在遵循所有 AppCache 指南，这些指南看起来非常简单，但我不断收到此错误：

我的 manifest.appcache 文件与我的 index.html 在同一目录中。

manifest.appcache:

我也试过通过 iframe 标签引用 manifest.appcache 文件，但我也收到一个错误，说它找不到 iframe-inject-appcache-manifest.html 文件任何一个。我不确定是否可以在 angular 4

上实施 AppCache

Answer 1

您的浏览器收到 404 的事实似乎指向 Web 服务器配置问题，而不是 Angular 特定问题。

您可能想深入了解 angular cli 的服务器配置，或者（如果未公开）寻求标准替代方案 (Apache/nginx/express...)

另请注意，清单应该由您的 MIME 类型的 Web 服务器提供：text/cache-manifest，尽管 this article 表示它不再是强制性的。

Answer 2

请在assets目录下的angularcli json中添加manifest.appcache，之后会包含在最终构建中。

Answer 3

是的，您可以在 angular 应用程序中完成。

正如 Dinesh Shah 所说：请在 assets 目录下的 angular json 中添加 manifest.appcache，之后它将包含在最终构建中。

你的 manifest.appcahce 应该是这样的。

CACHE MANIFEST
# v1.0.1
/index.html
/polyfills.js
/main.js
/styles.js
/runtime.js
/vendor.js
/favicon.ico
NETWORK:
*

Is it possible to Use HTML5 AppCache in an Angular 4 Project?