Hls.js“访问控制允许来源”错误

Question

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

这是我的密码

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

如您所见，我授予我的客户端访问权限以请求我的服务器。

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

  

所请求的资源上没有“ Access-Control-Allow-Origin”标头。

这是我在客户端的代码：

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());