如何导入作为CDN反应？

Question

我刚刚检查了我的网站，其用于正常工作之一，并已注意到，现在我得到一个错误CORS对我作出反应CDN。该网站是错误的参考https://timothytolley.com/。我用的阵营文档建议的脚本。

作为一个有点背景的，我使用的WebPack编译和节点，并表达对我的服务器。

错误：

从出身“https://unpkg.com/[email protected]/umd/react.production.min.js” https://unpkg.com/react@16/umd/react.production.min.js“（从“https://timothytolley.com”重定向）访问脚本已被封锁CORS政策：否“访问控制允许来源”标头出现在所请求的资源。

任何建议将是真棒，

干杯!

Answer 1

遇到同样的问题，我相信这是与unpkg本身就是一个问题。当服务版本16.7他们缺少access-control-allow-origin头。托管在unpkg的老版本有这个所以这可能是最近与上传文件DERP。

在此期间，你也可以尝试其他CDN一样的CloudFlare：

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.7.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.7.0/umd/react-dom.production.min.js"></script>

Answer 2

我不知道这是什么问题的原因，但我解决它，当我在改变<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>

<script crossorigin src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js"></script>

Answer 3

如果某些网址显示Access-Control-Allow-Origin头，其余不这样做，那么它似乎与谁可能已经改变了他们的代理工作与CORS方式的缓存层或它们的CDN提供商的一个问题。

要快速解决这个问题，你可以尝试不同的React CDN：

<script src="https://pagecdn.io/lib/react/16.8.6/umd/react.production.min.js" integrity="sha256-3vo65ZXn5pfsCfGM5H55X+SmwJHBlyNHPwRmWAPgJnM=" crossorigin="anonymous"></script>
<script src="https://pagecdn.io/lib/react-dom/16.8.6/umd/react-dom.production.min.js" integrity="sha256-qVsF1ftL3vUq8RFOLwPnKimXOLo72xguDliIxeffHRc=" crossorigin="anonymous"></script>

在任何情况下，请确保您始终使用<script>标签与最大的安全性integrity哈希值。