与symfony合作的Mercure不与vue合作

Question

我在vue的Symfony下配置merure时遇到了问题。在. env文件中，我将mercureurls更改为使用超文本传输协议，因为它导致我的证书错误（包括在symfony中）。

. env

MERCURE_URL=http://localhost:8000/.well-known/mercure
MERCURE_PUBLIC_URL=http://localhost:8000/.well-known/mercure
MERCURE_JWT_SECRET="!ChangeMe!"

当我通过在示例中打开symfony应用程序http://localhost:8000并在控制台中添加此脚本进行测试时：

const eventSource = new EventSource('http://localhost:8000/.well-known/mercure?topic=' + encodeURIComponent('http://example.com/books/1'));
eventSource.onmessage = event => {
    // Will be called every time an update is published by the server
    console.log(JSON.parse(event.data));
}

它正在工作，我可以在其他选项卡中发布一些更改。但当我在位于上的vue应用程序中执行相同操作时http://localhost:8080 它在控制台中向我显示的地址错误：

Access to resource at 'http://localhost:8000/.well-known/mercure?topic=http://example.com/books/1' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

我还有两个问题：

1. 为什么当我在环境中粘贴jwt令牌时，我有401个错误，但上面这个没有？
2. 为什么我不能使用交响乐服务与https？我得到错误与传输异常： fopen（）：无法找到证书CN

Answer 1

这是因为CORS，因为运行VueJS的域与安装Mercure的域不同。
我将Mercure与Docker compose一起使用，但如果从CLI启动，请尝试添加--CORS>http://localhost:8000 http://localhost:8080“

其他问题1：我认为，您应该在.env和mercure配置中使用相同的秘密

• in. env：MERCURE_JWT_SECRET="秘书123"
• 当您启动mer路时：--jwt-key='秘书123'