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

【问题标题】：Hls.js 'Access-Control-Allow-Origin' errorHls.js“访问控制允许来源”错误
【发布时间】：2019-07-09 00:52:41
【问题描述】：

我正在尝试使用 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');

请帮帮我。

【问题讨论】：

【解决方案1】：

正如拉米所说，这很可能不会启用 cors。假设您使用的是 express.js

运行

npm i --save cors

添加这个

const cors = require('cors');

app.use(cors());

【讨论】：