cloudflare和angular 4上的缓存错误未加载内容

时间:2019-03-09 01:14:56

标签: angular caching browser cloudflare

我们在我们的应用程序中使用Cloudflare和Angular 4已有近2年了,直到最近我们在某些Mac团队中发现页面无法加载或它们永远保持旋转状态时,我们才出现问题。 我们检查了控制台,没有错误出现,并且还通过IP地址访问了该应用程序,并且运行良好。如果我在Chrome上执行浏览器清除缓存,则可以使用,但不能在Safari或Firefox上使用。我们多次尝试从cloudflare清除缓存,但这不能解决问题...

有时加载的内容有时不加载。我们还在手机上看到了该问题,并对其进行了测试。我们缩小到了缓存问题。

我们试图绕过cloudflare页面规则对html和js文件的缓存,但是仍然存在问题。我们不知道确切要做什么,也不知道要提供什么额外的信息,因为我们没有太多可以查找的信息。

欢迎任何帮助或指示检查。我们担心我们的日常用户可能开始遇到与我们相同的问题。我想提一下,部署后问题不会出现,它看起来是随机的,并且需要浏览器提供清晰的缓存才能进行几次重新加载。

编辑1:我想提及的是,发生这种情况时,该应用程序不会输入app.component.ts。我已经将一些控制台日志放入构造函数中,但尚未达到目的。在加载的白页的源代码中,我唯一能看到的就是app-root元素已加载并且已经加载。

编辑2:我已经指出了另一个doimain,我们必须使用相同的ip,它可以完美运行...

package.json依赖项:

"dependencies": {
"@angular/animations": "^4.0.0",
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/router": "^4.0.0",
"angular2-infinite-scroll": "^0.3.43",
"angular2-material-datepicker": "^0.5.0",
"angular2-toaster": "^4.0.1",
"angular4-carousel": "^3.1.8",
"angulartics2": "^4.6.3",
"bootstrap": "^3.3.7",
"core-js": "^2.4.1",
"file-saver": "^2.0.0",
"fuzzyset.js": "0.0.7",
"jquery": "^3.1.0",
"mydatepicker": "^2.2.0",
"ng-lazyload-image": "^3.1.1",
"ng-semantic": "https://github.com/vladotesanovic/ngSemantic/tarball/master",
"ng2-datepicker": "^2.1.4",
"ng2-file-upload": "^1.1.3-0",
"ng2-ion-range-slider": "^2.0.0",
"ngx-image-cropper": "^1.2.4",
"ngx-stripe": "^0.8.2",
"node-sass": "^4.11.0",
"rxjs": "^5.1.0",
"zone.js": "^0.8.4"

},

先谢谢您!

0 个答案:

没有答案