javascript - 可以将 crossorigin 属性添加到 angular cli 生成的脚本标签中吗？

Question

是否可以将 crossorigin 属性添加到 angular cli 生成的脚本标签中？

当运行我的 Angular 应用程序时，脚本标签被添加到我的 index.html 的末尾:

<script src="runtime-es2015.3d05cbd29d24231258bf.js" type="module"></script>
<script src="polyfills-es2015.28da6787754ec8436843.js" type="module"></script>
<script src="main-es2015.4106b7f4d43a05cb792d.js" type="module"></script>

是否可以配置 angular-cli，以便在构建 index.html 中包含这些标签时，将 crossorigin 属性添加到脚本声明中:

<script src="runtime-es2015.3d05cbd29d24231258bf.js" type="module" crossorigin="use-credentials"></script>

我为什么要问这个？我的应用程序部署到使用基本身份验证的 apache 服务器。使用 Firefox 或 Edge(chrome 很好)时，对 javascript 模块的请求会收到 401 错误，因为未设置授权 header 。如果添加了 crossorigin 标签，则会设置 Authorization header 。因此，如果我希望我的用户能够使用 FF 或 Edge，我需要能够添加该 crossorigin 属性。

感谢您阅读我的问题。

Answer 1

从 angular/cli 8.1 ( PR ) 开始，可以设置一个标志来改变 index.html 中的脚本标签(以及与此相关的链接标签)

--crossOrigin=none|anonymous|use-credentials
Define the crossorigin attribute setting of elements that provide CORS support. Default: none https://angular.io/cli/build

另一种选择是使用构建后的 npm 步骤来解包 index.html 并根据各种需要更改它

cheeriojs在服务器端进行此类操作时会想到(查看此 example 了解更多详细信息)