我有一个经常更新的Angular应用程序的问题。
我想避免浏览器缓存，尝试了几种替代方法，但都无效。
首先，当我上传新版本时，很难测试解决方案，因为有时候只需刷新页面就可以看到新版本，而其他时候我需要打开控制台并强制刷新清空缓存。
我尝试在请求头中包含Cache-Control: no-cache，如图所示，但对我没有用。
我还尝试过将其放入app.component.ts中。
templateUrl: './app.component.html? v1'
正如我在某些答案中看到的，但都不太对。
事实上，我十分绝望，因为当我提交我认为可行的东西时，当我向老板检查时，他没有刷新它 :-( ，而糟糕的是，就像我所说的，我不知道如何真正检查那个东西。每次进入网站时，都会从服务器请求最新版本。
感谢您的帮助。
当你使用 ng build 构建应用程序时，应使用以下标志：
--outputHashing=all
这是为了使缓存失效。它会给每一个构建后的文件添加一个哈希值，从而强制浏览器在您上传新版本到服务器时加载最新的版本。
因此，其中一种做法是运行以下命令：
ng build --prod --outputHashing=all
关于构建选项标志的更多信息，请查看此处。
如果您不想在运行ng build时附加标志，则应在angular.json文件的配置中设置它。
"configurations": {
"production": {
"optimization": true,
"outputHashing": "all",
.
.
.
}
}
[window.]location.reload(true)：if (localStorage.getItem('refreshed') === null) {
localStorage['refreshed'] = true;
window.location.reload(true);
} else {
localStorage.removeItem('refreshed');
}
constructor(
private swUpdate: SwUpdate,){
public checkForUpdates(): void {
this.updateSubscription = this.swUpdate.available.subscribe(event => this.promptUser());
if (this.swUpdate.isEnabled) {
// Required to enable updates on Windows and ios.
this.swUpdate.activateUpdate();
interval(300000).subscribe(() => {
this.swUpdate.checkForUpdate().then(() => {
console.log('checked for updates');
});
});
}}
// Important: on Safari (ios) Heroku doesn't auto redirect links to their-
//https which allows the installation of the pwa like usual
// but it deactivates the swUpdate. So make sure to open your pwa on safari
//like so: https://example.com then (install/add to home)
}
promptUser(): void {
this.swUpdate.activateUpdate().then(() => {
const snack = this.snackbar.open('A New Update Is Available Click To
Reload', 'Reload');
snack
.onAction()
.subscribe(() => {
window.location.reload();
})
});
}
window.location.replace('/path');