是否可以从 angular 的应用程序代码中强制硬应用程序更新（Ctrl + F5 浏览器模拟）？

Question

有时我的 angular 应用程序会更新。该应用程序已经上线，一些常见的使用场景是当用户根本没有关闭带有应用程序的浏览器选项卡时，因此可以永远使用没有检查的过时版本。

我已经实现了一种机制来检查后端端的应用程序版本，因此所有来自过时版本的调用都会被拒绝。

下一步是向用户显示一些“需要更新”对话框，以防出现此类后端拒绝和确认的情况，最好不要强制用户手动按“Ctrl + F5”，而是从应用程序自动执行.

是否可以？

Answer 1

我们需要使用拦截器来检测错误，如果检测到错误，那么我们使用 window.location.reload(true) 重新加载页面；它将删除缓存并重新加载页面。

@Injectable()
export class myInterceptor implements HttpInterceptor {

  constructor() { }

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(request).pipe(
      catchError(error => this.handleError(error))
    );
  }

  private handleError(error: HttpErrorResponse): Observable<any> {
     if (error.status === 404) {
      // Do your thing here      
     window.location.reload(true);
   }         
  }

我希望它能帮助你。