【问题标题】:Cache issue in angular 7 while updating changes on server更新服务器上的更改时,角度 7 中的缓存问题
【发布时间】:2019-11-19 10:22:12
【问题描述】:

我有一个角度应用程序,它工作正常。我面临的问题如下 -:
1) 每次我进行任何更改并将其上传到服务器时,这些更改不会反映,直到我不硬刷新浏览器。
2)我试图找出解决方案,在大多数线程中找到的唯一解决方案是 - : a) 使用 [ng build --prod --output-hashing=all]
构建应用程序 3) 我仍然遇到同样的问题,直到硬刷新才反映更改,有没有办法在 Angular 7 中解决这个问题?

【问题讨论】:

  • 你能分享你的 angular.json 内容吗?
  • @Yogendra123,它是这样的 -:"outputPath": "dist", "index": "src/index.html", "main": "src/main.ts", " tsConfig”:“src/tsconfig.app.json”,“polyfills”:“src/polyfills.ts”,“优化”:true,“outputHashing”:“all”,“sourceMap”:false,“extractCss”:true , "namedChunks": false, "aot": true, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true,
  • 不清楚,请分享整个文件或 git repo 以及构建时创建的块的名称是什么?

标签: angular angular7 browser-cache


【解决方案1】:

你能检查一下浏览器是否没有缓存你的网络服务响应吗?

 httpHeader = new HttpHeaders({ 'Content-Type': 'application/json',
   'Cache-Control': 'no-cache',
    'Pragma': 'no-cache',
   'Expires': 'Sat, 01 Jan 2000 00:00:00 GMT'
});

 return this.httpClient.get<Test[]>(this.resourcePrefix+'/getData',{ headers: 
 this.httpHeader})

当浏览器正在缓存接收到的响应并在刷新后显示最新数据时,我在 IE 中也遇​​到了这种类型的缓存问题。

【讨论】:

    【解决方案2】:

    您可以做一件事来消除 Angular 项目中的缓存问题。为您的项目添加版本控制。要从头开始添加版本控制,请点击此链接..

    https://medium.com/@jpatwa/angular-versioning-and-production-build-caching-issue-4398ed432f46

    【讨论】:

      猜你喜欢
      • 2013-04-15
      • 2012-04-23
      • 1970-01-01
      • 2016-03-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-04-19
      • 1970-01-01
      相关资源
      最近更新 更多