script 标签 crossorigin 属性引发线上资源无法请求问题?

Question

由于项目中需要显示页面加载的进度条，所以使用了下面的代码引入这个库：
<script src="https://cdn.bootcss.com/nprogress/0.2.0/nprogress.min.js" crossorigin="anonymous"></script>

开发、测试环境正常，生产资源无法获取。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 1

控制台应该有报错吧。不知道是不是线上有 csp 之类的东西。最好可以提供一下复现地址。

设置了 crossorigin="anonymous" 必须要求服务器支持 cors，我看了一下也是支持的。

---

写个了 demo，突然发现你为什么要加 crossorigin="anonymous" 呢？你也只是调用 start 和 done 而已。所以你可以直接去除 crossorigin="anonymous"

https://jsrun.net/uBcKp/edit

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。