link标签加crossorigin对脚本错误监控完全没用，它既不改变加载行为，也不影响window.onerror或addeventlistener('error')捕获的堆栈信息；真正起作用的是script标签及构建配置是否正确启用cors。
Link标签加crossorigin对脚本错误监控完全没用
它既不改变<script>加载行为，也不影响window.onerror或addEventListener('error')捕获到的堆栈信息。所有试图通过给<link rel="stylesheet">加crossorigin来“修复Script error.”的做法，都是徒劳的。</script>
常见误操作包括：link标签加了crossorigin="anonymous"却以为能解决跨域JS报错、在rel="icon"或rel="manifest"上硬套该属性——浏览器直接忽略，不发CORS请求，也不报错，只浪费字节和维护成本。
-
link的crossorigin只在rel="stylesheet"或rel="preload" as="font"时生效，且仅影响CSS规则读取或字体加载逻辑 - 脚本错误堆栈是否完整，只取决于
script标签本身是否带crossorigin="anonymous"，以及服务端是否返回匹配的Access-Control-Allow-Origin - 本地双击打开HTML（
file://协议）时，link或script上的crossorigin全部被忽略，错误永远是Script error.
真正影响性能监控报错的是script标签和构建配置
线上JS错误堆栈丢失，90%以上是因为动态加载的chunk没走CORS流程。静态script加了crossorigin="anonymous"只是第一步，现代打包工具生成的异步代码（比如import('./module.js')）默认不带该属性。
Webpack项目必须设output.crossOriginLoading = 'anonymous'；Vite项目需在vite.config.ts中配置build.rollupOptions.output.crossOrigin = 'anonymous'。漏配一项，监控平台就只能看到Script error.，无法定位真实文件名和行号。
- 服务端响应头必须含
Access-Control-Allow-Origin，值不能是*（若前端用了crossorigin="use-credentials"） -
integrity校验必须与crossorigin搭配才生效：没crossorigin，浏览器跳过hash校验 - CDN部署后，chunk路径常变，但
crossorigin配置容易被遗忘，导致错误监控形同虚设
Link标签加crossorigin反而可能引入隐蔽问题
不加crossorigin时，跨域CSS加载失败会静默丢弃——页面照常渲染，只是样式没了，控制台可能连报错都没有；加了之后，若服务端没配CORS响应头，请求直接失败，控制台出现明显CORS错误，反而干扰排查。
更隐蔽的是：给rel="stylesheet"加crossorigin后，如果后续用JS读取document.styleSheets[0].cssRules，而服务端没返回Access-Control-Allow-Origin，就会抛SecurityError，但这个错误和性能监控无关，容易误导排查方向。
-
link加crossorigin不会提升任何监控能力，只会增加服务端CORS配置负担 - 若服务端返回
Access-Control-Allow-Origin: *，但link用了crossorigin="use-credentials"，请求会被浏览器直接拒绝 - 误配
crossorigin可能让新人误以为“加了就能解决跨域”，掩盖真正要改的script和构建配置
验证crossorigin是否生效的关键检查点
别只看HTML里有没有写crossorigin，得看网络面板里对应JS请求的响应头是否含Access-Control-Allow-Origin，且值匹配当前页面域名（注意协议、端口、尾部斜杠）。
典型失效链路：script写了crossorigin="anonymous" → 服务端返回Access-Control-Allow-Origin: https://example.com/（多了一个/）→ 浏览器判定不匹配 → 仍报Script error.。
- 动态
import()加载的chunk，即使script标签配对了，也要单独验证其网络请求头 - 使用
file://协议时，所有crossorigin行为均无效，此时谈监控毫无意义 -
crossorigin不是开关，是声明；它不解决跨域，只触发CORS流程——服务端不配合，前端再怎么配都白搭
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
