Hi, I have my bot hosted in a VM in Google Cloud Platform ( Google Cloud - Compute Engine ).
I have activated ok the SSL in the VM, so I can use botpress In a secure way.
I have pointed the DNS to that VM instance, so now I can access ok the bot dashboard in a subdomain by typing “https://subdomain.mywebsite.com”
Since here I have no problem
I can manage and access all botpress features ok by typing “https://subdomain.mywebsite.com”
The problem comes when I want to embed the bot in my website. ( “https://mywebsite.com” )
I am following the instructions that are in botpress documentation: ( https://botpress.io/docs/channels/web ) , but am getting CORS error in the browser and I can’t see the chatbot bubble.
The browser gives me the next error:
Could not display component
An error occurred while loading the component
Blocked a frame with origin “https://subdomain.mywebsite.com” from accessing a cross-origin frame.
Developer? click hereto see why this might happen
If I inspect the page, I can see in the console tab that the browser is giving me the next error:
DOMException: Blocked a frame with origin “https://subdomain.mywebsite.com” from accessing a cross-origin frame …
If I Disable my web browser security, I can see the botpress chatbot bubble ok:
The botpress version I am using is: 12.1.6
Botpress Server Enviroment: Ubuntu 18.04 LTS in Google Cloud Engine
Web Server: nginx/1.14.0 (Ubuntu)
Can somebody help me solve this problem or have someone any Idea how can this be solved?
Thank You so much