angular - 使用 Apache 和 Angular 重新加载页面(不是从缓存)的最佳方法

Question

我创建了 Angular 6 应用程序并在远程服务器上使用 Apache 托管它。使用 ng build --prod 创建了一个构建。

我注意到，在进行更改和更新 html 文件时 - 页面是从缓存中加载的，而不是从放置在 Apache 文件夹中的文件的新版本加载的(使用 Apache 中的默认配置，而 Meta 标记中没有任何内容) HTML 页面)。

如何在客户端浏览器上强制重新加载页面，但仅当同一页面有新版本时？ (对现有站点的新更改)

最佳实践是什么？

Answer 1

我猜你问这个问题是为了生产环境而不是为了开发目的。

如果是这种情况，那么您可以检查以下内容:

1. index.html 文件未更新。

2. 检查浏览器上设置的缓存过期时间。它必须是no-cache。

3. 您如何生成构建代码。如果使用 angular-cli，则 ng build 将创建一个带有哈希的 block 名称，每次更改内容时它都是不同的。

4. 检查延迟加载模块的缓存 header