CORS Laravel Echo 服務器上缺少允許來源，帶有 Socket.io 和 ZE111446745A1825B862F8727AE3

Question

嗨，我在 laravel 應用程序的查看頁面上添加后出現以下錯誤。

我正在使用 Windows 10。

CORS 缺少允許來源

CORS 缺少允許來源錯誤截圖

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 錯誤。