Hls.js‘访问-控制-允许-起源’错误

Question

我正在尝试使用HLS功能设置视频流，但我很难让Hls.js将我的凭据请求发送到我的服务器。

这是我在我的

app.use(cors({
  origin:[config.webAppUrl],
  methods:['GET','POST'],
  credentials: true
}))

如您所见，我授予我的客户向我的服务器请求的权限。

但是当我想使用Hls.js从我的服务器加载一些视频时，我得到了

请求的资源上没有“访问-控制-允许-原产地”标题。

这是我在客户端的代码：

this.hls.loadSource('http://localhost:8585/files/test/test.m3u8');

请帮帮我。

Answer 1

正如Ramy所提到的，这很可能无法使cors发挥作用。假设您使用的是express.js

跑

npm i --save cors

加上这个

const cors = require('cors');

app.use(cors());