Video.js 的 m3u8 src 文件出现 CORS 错误

Question

当我将 m3u8 src 文件提供给 react-video-js-play 时，出现 CORS 错误。 有想法该怎么解决这个吗？

          <VideoPlayer
            className="videoPlayerRow"
            controls={true}
            src="https://pl.crunchyroll.com/evs3/92407c75eba573edaef323770da9b8cb/assets/1929c2ac66d38ae1c069c1879bda96cf_4033984.mp4/index-v1-a1.m3u8?Expires=1656894361&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9wbC5jcnVuY2h5cm9sbC5jb20vZXZzMy85MjQwN2M3NWViYTU3M2VkYWVmMzIzNzcwZGE5YjhjYi9hc3NldHMvMTkyOWMyYWM2NmQzOGFlMWMwNjljMTg3OWJkYTk2Y2ZfKi5tM3U4PyoiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE2NTY4OTQzNjF9fX1dfQ__&Signature=nAGdrOC1FW24K70P75JczK~ZaxietPXEnjd-CsdtN-2qQ3xjIUUjSWL6A0nsT8gnY2BoLBUEbEF7Yc4Jsnb5ai0ueVtuubvBxuBRsYnPugqi23srd3eoJj6lrzjRRwhJHt2eTlx7uh9S0ZOLQkWtndZy5YWek9PxpdhuzkBGKEY7RzG9mriKEIq7wvf2JMasI8Gnjj7dQvWXJNvZmiUMpgLKuYPGzAhY1cM6h4C6ihTPNO861W82jjzkDC12-Hss-NfZWDVZvi2oF0IJlAeybNqjo2ck-HQYs58GhErTh1VnSj-YPHd1pSQKucH~zk6JyCpoSvz33UdoayEDLUGhDA__&Key-Pair-Id=APKAJMWSQ5S7ZB3MF5VA&cdn=akamai-prod"
            height="480"
            crossOrigin="use-credentials"
            play
          />

任何帮助表示赞赏。

Answer 1

当浏览器从与页面不同来源的服务器请求数据时，就会发生CORS错误。 您可能没有在请求中发送正确的标头，或者您请求数据的站点可能完全拒绝了您的请求。

我会先检查您的标题，然后检查该站点是否允许您从其服务器获取数据（如果您使用的是 API，请查看文档）。