带有 Socket.io 和 Redis 的 Laravel Echo 服务器上的 CORS 缺少允许来源

Question

您好，我在 laravel 应用程序的查看页面上添加后出现以下错误。

我使用的是 Windows 10。

CORS 缺少允许来源

CORS Missing Allow Origin Error Screenshot

Answer 1

以下步骤将为您的 Echo 服务器解决“CORS Missing Allow Origin”错误

第 1 步： 添加“传输：['websocket'，'polling'，'flashsocket'] //修复CORS错误！”您的 Echo 服务器设置文件 (public\js\laravel-echo-setup.js) 中的代码如下所示：

window.Echo = new Echo({
    broadcaster: 'socket.io',
    host: window.location.hostname + ':6001',
    transports: ['websocket', 'polling', 'flashsocket'] // Fix CORS error!
});

第 2 步： 使用“npm run dev”命令构建您的代码 使用“laravel-echo-server start”命令重启你的 Laravel Echo 服务器 现在检查您的应用程序，您现在找不到 CORS 错误。