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

时间:2017-09-21 20:04:50

标签: angular angular-cli html5-appcache

我一直在尝试在我的Angular CLI项目中使用AppCache,并且一直在关注所有看似非常简单的AppCache指南,但我一直收到此错误:

enter image description here

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

manifest.appcache:

enter image description here

我还尝试通过iframe标记引用manifest.appcache文件,但我也发现了一个错误,说它无法找到iframe-inject-appcache-manifest.html文件。我不确定是否可以在角度4上实现AppCache

3 个答案:

答案 0 :(得分:0)

您的浏览器收到404的事实似乎比Angular特定问题更多地指向Web服务器配置问题。

您可能想要深入研究角度cli的服务器配置或(如果没有公开)去寻找标准替代方案(Apache / nginx / express ...)

另请注意,清单应由您的Web服务器使用mime类型:text / cache-manifest提供,但this article表示它不再是强制性的。

答案 1 :(得分:0)

请在资产目录下的angular cli json中添加manifest.appcache,之后它将被包含在最终版本中。

答案 2 :(得分:0)

是的,您可以在角度应用中做到这一点。

如Dinesh Shah所说:请在资产目录下的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:
*