Error when embedding gradio app within a fastapi app with web components

[peeter2]

Describe the bug

I have mounted gradio app within a fastapi app, and trying to embed it with web components, then I get an error

Could not load this space.
Please contact the author of the page to let them know.

I was trying to embed it like this:

<script
	type="module"
	src="https://gradio.s3-us-west-2.amazonaws.com/4.28.3/gradio.js"
></script>

<gradio-app src="https://example.com"></gradio-app>

Any idea what's wrong? Is it not possible to embed it like that if my gradio app is mounted within another fastapi app?

Have you searched existing issues? 🔎

• I have searched and found no existing issues

Reproduction

<script type="module" src="https://gradio.s3-us-west-2.amazonaws.com/4.28.3/gradio.js" ></script>

Screenshot

No response

Logs

No response

System Info

latest

Severity

I can work around it

[nyimbi]

wget https://gradio.s3-us-west-2.amazonaws.com/4.28.3/gradio.js
Results in:
wget: unable to resolve host address ‘gradio.s3-west-2.amazonaws.com’

[flacomalone]

I dont know if it is related to this issue, but I have the same problem in my own server while embedding the grad app. In my setup, the gradio app is running on its own server under (using a self signed certuificate for SSL). The code is basically the same. I found out that the issue disappeared when I accessed the original gradio app server at least once and then I accessed again the server hosting the embedded gradio app. It worked !

I decided to remove the SSL in the original gradio app, but now this trick doesn't work either...

[peeter2]

My gradio app is mounted to this url: http://127.0.0.1:7860/gradio

And I am trying to embed it like this

<script
	type="module"
	src="https://gradio.s3-us-west-2.amazonaws.com/4.19.1/gradio.js"
></script>
<gradio-app src="http://127.0.0.1:7860/gradio"></gradio-app>

But I am getting errors on browser console:

Looks like it is trying to access the config in the wrong url: http://127.0.0.1:7860/config
The correct url is http://127.0.0.1:7860/gradio/config

How to resolve this issue?