angular - Safari:更新到 Angular 8 后为 "Blocked https://... from asking for credentials because it is a cross-origin request."

Question

我们已经使用 Basic Auth 保护我们的 Angular 网络应用程序。更新我们的应用从 Angular 7 到 8.0 后，Safari 中不再要求我们提供凭据，并且控制台中出现以下错误:

[Error] Blocked https://*/runtime-es2015.4f263ec725bc7710f1f5.js from asking for credentials because it is a cross-origin request.
[Error] Blocked https://*/main-es2015.6fa442dd5c5a204f47da.js from asking for credentials because it is a cross-origin request.
[Error] Blocked https://*/polyfills-es2015.fd951ae1d7572efa3bc6.js from asking for credentials because it is a cross-origin request.

在 Firefox 和 Chrome 中，应用程序仍然可以正常运行。 Safari 版本为 12.1.1。

有人知道 Safari 的问题是什么吗？

Answer 1

从 angular/cli 8.1 (PR) 开始，ng 构建命令 (documentation) 有一个选项 crossOrigin。可能的值是:无 |匿名 |使用凭据(默认为无)。

使用此选项将更改 index.html 中的脚本标签以添加 crossorigin 属性。

您可以使用此临时文件进行构建:ng build --crossOrigin=anonymous

或者使用 angular.json 中 architect.build.options 下的选项:

"architect": {
    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "crossOrigin": "anonymous", // <-- set value here
        // other options