CORS、Laravel Valet 和 Socket.io

Question

这感觉就像它应该比它更难。 我正在为一个客户开发一个应用程序，并且在我的绳索尽头试图让这个东西在本地运行。 所以，我正在使用 Laravel（通过我的 Mac 上的 Valet 提供服务）并且正在编写一个 Socket.io 服务器来处理不同的仪表板事件。 Socket.io 在 https 配置中运行，就像在生产中一样，我让它在端口 3001 上运行。我已经通过 https 提供内容，解决了那里的所有配置问题。 但是，现在每当我尝试连接时，我都无法停止收到 CORS 错误。

这是我得到的错误：

从源“https://ags.test”访问“https://ags.test:3001/socket.io/?EIO=3&transport=polling&t=1605106550351-47”的 XMLHttpRequest 已被 CORS 策略阻止：否请求的资源上存在 Access-Control-Allow-Origin 标头。

我已经对此进行了大量测试，发现如果我对 express 服务器的根 (/) 执行 GET 请求，它可以正常工作并且没有 CORS 错误。 但是，在上述错误中发布的 url 上的轮询仍然提供相同的 CORS 错误。

如果现在还不是很明显，我对节点生态系统还很陌生。 所以我所关注的是 CORS 从调用“https://ags.test:3001”到“https://ags.test:3001/socket.io/*”时发生了什么。 或者 express 是否有可能根本不处理 socket.io 的 CORS？

我在其他 stackoverflow 答案中多次看到的内容是（来自服务器） io.origins('*:*')设置原始策略的内容。 但是，我似乎无法找到关于此的文档并调用它（或我见过的任何变体）

所以你知道我已经尝试过什么，这里是我的 Socket.io express 服务器的服务器配置：

app.use(cors());
app.use((req, res, next) => {
    res.header('Access-Control-Allow-Origin', '*');

    // authorized headers for preflight requests
    // https://developer.mozilla.org/en-US/docs/Glossary/preflight_request
    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
    next();

    app.options('*', (req, res) => {
        // allowed XHR methods  
        res.header('Access-Control-Allow-Methods', 'GET, PATCH, PUT, POST, DELETE, OPTIONS');
        res.send();
    });
});
var options = {
    key: fs.readFileSync('./ags.test.key'),
    cert: fs.readFileSync('./ags.test.crt'),
    origins: '*:*',
    cors: true,
};
const server = https.createServer(options, app);

我还在代客服务中对我的 laravel 站点配置进行了调整，如下所示https://gist.github.com/poul-kg/b669a76fc27afcc31012aa0b0e34f738但直接应用于我的站点特定配置 ~/.config/valet/Nginx/ ags.test 并重新启动。

正如您所看到的，我尝试了很多不同的方法，并且正处于“把所有东西都扔在墙上，看看什么是坚持”的阶段，试图让这些服务器进行通信。 有什么建议吗？

Answer 1

好吧，我花了太长时间才弄清楚我错过了什么。 旧的 stackoverflow 答案显示了 Socket.io v3 中不再支持的配置方法。

这是我在发布之日为最新版本的 Socket.io 配置它所缺少的。

const server = https.createServer(options, app);
const io = require('socket.io')(server, {
    cors: {
        origin: 'https://ags.test'
    }
});