使用 Socket.io 和 Redis 在 Laravel Echo 服务器上缺少允许来源的 CORS

问题描述

嗨，我在 Laravel 应用程序的视图页面上添加后出现以下错误。

我使用的是 Windows 10。

CORS 缺少允许来源

CORS Missing Allow Origin Error Screenshot

解决方法

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

第 1 步： 添加 "transsports: ['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','flashsocket'] // Fix CORS error!
});

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