可以将 crossorigin 属性添加到 Angular cli 生成的脚本标签中吗?

2024-02-03

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

运行我的角度应用程序时,脚本标签被添加到我的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 错误,因为未设置授权标头。如果添加了跨域标签,则会设置授权标头。因此,如果我希望我的用户能够使用 FF 或 Edge,我需要能够添加跨域属性。

感谢您阅读我的问题。


从 角度/cli 8.1 开始(PR https://github.com/angular/angular-cli/pull/14844)有一个标志可以设置来更改index.html中的脚本标签(以及与此相关的链接标签)

--crossOrigin=none|匿名|使用凭证
定义提供 CORS 支持的元素的跨域属性设置。 默认值:无https://angular.io/cli/build https://angular.io/cli/build

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

欢呼雀跃 https://github.com/cheeriojs/cheerio在服务器端考虑这些类型的操作(检查这个example https://github.com/angular/angular-cli/issues/7824#issuecomment-332498000了解更多详细信息)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

可以将 crossorigin 属性添加到 Angular cli 生成的脚本标签中吗? 的相关文章

随机推荐

  • 如果 NSString 不等于函数?

    我已经到处搜索过这个问题 包括苹果关于 NSString 的文档 也许我没有看到 但我试图在 xCode 中找到一种方法来检查 NSString 是否不等于某些内容 很像 if myNSSting text 除了特别我想检查它是否不等于 文
  • 动态数组的运算符重载给出奇怪的错误

    当我使用它时 我收到有关 废弃限定符 的错误 下面发布了整个班级 cout lt lt d where d is of type dynamic array 全局重载函数 template
  • EXISTS 在 INSERT 之前还是之后哪个更快?

    我在 SQL Server 中有一个 SP 它每分钟运行数百次 需要根据数据库检查传入流量 目前它执行以下操作 INSERT INTO table SELECT value1 value2 WHERE NOT EXISTS SELECT F
  • 在审查委员会中自动提交已批准的差异

    当我在审核委员会批准审核请求时 是否可以对其进行配置 使其自动将 diff 文件提交到 SVN 据我所知 这在当前版本的 Review Board 中是不可能的 自评论发布以来 存储库可能已被提交 这意味着差异的应用可能会失败 由于审查通常
  • 在 Webpack 中导入使用 npm 安装的“常规”javascript 包

    我已经安装了npm平滑滚动 https github com cferdinandi smooth scroll 一个不支持的包import syntax 如果我手动将源代码复制到 libs 库并使用script tag 但我该如何使用im
  • Apache Flink 1.3 中的 Elasticsearch 5 连接器

    通过阅读文档 我了解到使用 Apache Flink 1 3 我应该能够使用 Elasticsearch 5 x 但是 在我的 pom xml 中
  • 异常处理不适用于 Windows 上的 Qt

    我面临着奇怪的问题 也就是说 Qt 以某种方式关闭了我的程序中的异常处理 我无法捕获任何异常 当我抛出异常时 应用程序崩溃 我在 Windows 7 64 位 上使用 Qt SDK v2010 05 中的 Qt 4 7 0 32 位 Min
  • 如何在 javascript 中将跨度包裹在一段文本周围?

    我有这样的标记 p one two three four p 我想使用 javascript 将其转换为 p one span two three span four span span p 在本例中 我有要包裹在跨度中的部分的偏移量和长度
  • 如何在 Tensorflow 中量化 tf.Variables 的值

    我有一个像这样的训练模型 Y w X b 其中 Y 和 X 是输出和输入占位符 w 和 b 是向量我已经知道w的值只能是0或1 而b仍然是tf float32 当我定义变量 w 时 如何量化它的范围 or我可以有两个不同的学习率吗 像往常一
  • C# 属性组

    有没有办法建立一组属性 Before SuppressMessage Microsoft Design CA1061 SuppressMessage Microsoft Usage CA1812 SuppressMessage Micros
  • 从夹具内部跳过测试

    假设我有一个需要实时数据库的装置 如果实时数据库不存在 我想跳过依赖于该装置的测试 目前 我必须手动标记要跳过的测试 这感觉很多余 pytest fixture def db client DB URI os getenv DB URI S
  • 无法从 Java 连接到 MySQL:MySQL 驱动程序连接逻辑内的 NullPointerException

    我试图连接到我在 Java 程序中使用 MySQL 创建的数据库 但总是失败 为了举例 这是我的代码 import java sql public class Squirrel public static void main String
  • 开发内置短信/彩信 Android 应用程序的定制版本

    好吧 情况是这样的 我正在为客户开发一个应用程序 或尝试这样做 它需要许多 如果不是全部 与内置 SMS MMS 应用程序相同的功能 所以 我想 嘿 Android 是开源的吗 我可以接受应用程序并根据我的需要进行修改 对吧 因此 我在 g
  • php字符串替换引号

    您好 我正在尝试使用 php str replace 将所有单引号变为双引号 但是无论我做什么 它似乎都不起作用 建议 page str replace page 更新 我同意其他人的观点 以下内容对于大多数人来说是更容易阅读的替代方案 p
  • 如何使用pyrebase查询?

    我正在学习如何使用 python django 和pyrebase 进行查询 我在查询多个键值时遇到问题 例如 这是我的数据结构 root account ACC0001 id ACC0001 create day 2020 04 20 1
  • 如何使用 atoi() 获得负值?

    我编写这段代码是为了获取相反形式的数字 但如果我使用任何负输入 它会显示正反转数 C 中的 atoi 函数可以处理负数吗 include
  • 在 C++/CX 中解析 JSON ISO8601 日期

    我有一个来自 JSON 2012 08 01T15 42 06Z 的日期字符串 并且想要在 Windows 运行时中解析它 据我所知 只有COle日期时间可以处理这个问题 当我取出 T 和 Z 字符时 我只能让它正确解析字符串 但这增加了一
  • Pycharm - 在远程解释器中配置 PYTHONPATH

    我在 Windows 上安装了 PyCharm 2 7 3 并且正在尝试在 Linux 计算机上远程开发应用程序 到目前为止 我可以运行简单的程序 但是我正在尝试设置我的 PYTHONPATH 并且 PyCharm 似乎特别忽略了此配置 在
  • 获取 Windows Phone 上 ScrollViewer 的滚动事件

    问题 获取 Windows Phone 上 ScrollViewer 的滚动事件 我有一个像这样的滚动查看器
  • 可以将 crossorigin 属性添加到 Angular cli 生成的脚本标签中吗?

    是否可以将 crossorigin 属性添加到 Angular cli 生成的脚本标签中 运行我的角度应用程序时 脚本标签被添加到我的index html的末尾 是否可以配置 angular cli 以便当这些标签包含在构建 index h