Content Not Displaying in Browser When Using Cloudflare Tunnels to Publish Localhost #2532

melumuccu · 2024-04-25T07:27:10Z

melumuccu
Apr 25, 2024

I have been following the guide on Cloudflare Tunnels to publish my localhost.

It seems like I am successfully accessing localhost:3080 via my domain's subdomain
(evidence: the <header> tag content is the same as when accessing localhost: 3080 directly).

However, the <body> tag has <div> only, and the login screen that should appear, does not show up.

Can anyone help?

melumuccu · 2024-04-25T13:15:22Z

melumuccu
Apr 25, 2024
Author

I referred to chrome devtool > network.
It appears that the following tag loaded in <head> cannot be resolved.

    <script type="module" crossorigin src="/assets/index-Bi41t8V7.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/markdown_highlight-ByjxT0vp.js">
    <link rel="modulepreload" crossorigin href="/assets/markdown_large-aoKjh4wb.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-DqlbC_El.js">

These tags do not seem to exist in the code. I wonder what they are derived from...

9 replies

danny-avila Apr 25, 2024
Maintainer

If using docker, see this page on how to update: http://127.0.0.1:8000/install/installation/docker_compose_install.html#updating-librechat

melumuccu Apr 26, 2024
Author

@danny-avila
Thanks for reply!

I followed this procedure until dokcer compose up.
https://docs.librechat.ai/install/installation/docker_compose_install.html#updating-librechat

However, client/dist/assets was not generated.

So, I ran npm run reinstall according to the node/npm direct method and found that client/dist/assets was created and the following files mentioned above were created.

    <script type="module" crossorigin src="/assets/index-Bi41t8V7.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/markdown_highlight-ByjxT0vp.js">
    <link rel="modulepreload" crossorigin href="/assets/markdown_large-aoKjh4wb.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-DqlbC_El.js">

I proceeded with the node/npm direct procedure (installed MongoDB with brew on the way).
$ npm run backend appears to have worked correctly. (gist)

However, when I accessed it from a browser, I got a 502 error and there seems to be a communication problem from the cloudflare side to the app. In other words, serve is failing?

melumuccu Apr 26, 2024
Author

I can access it at http://localhost:3080/, so the serve itself seems to work...

I don't know why the bad gateway occurs.

melumuccu Apr 26, 2024
Author

client/dist/assets was created, so I tried docker compose down -> pull -> up
but client/dist/assets is not loaded. I tried clearing the cache, but it doesn't seem to have anything to do with it.

The situation is similar to this one, but <body> is no longer generated

I would like to build the environment with docker compose if possible.

melumuccu Apr 28, 2024
Author

I decided to use ngrok instead of Cloudflare Tunnels.

The tunnels opened without any problems here.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Content Not Displaying in Browser When Using Cloudflare Tunnels to Publish Localhost #2532

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment 9 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Content Not Displaying in Browser When Using Cloudflare Tunnels to Publish Localhost #2532

Uh oh!

Uh oh!

melumuccu Apr 25, 2024

Replies: 1 comment · 9 replies

Uh oh!

melumuccu Apr 25, 2024 Author

Uh oh!

danny-avila Apr 25, 2024 Maintainer

Uh oh!

melumuccu Apr 26, 2024 Author

Uh oh!

melumuccu Apr 26, 2024 Author

Uh oh!

Uh oh!

melumuccu Apr 26, 2024 Author

Uh oh!

melumuccu Apr 28, 2024 Author

melumuccu
Apr 25, 2024

Replies: 1 comment 9 replies

melumuccu
Apr 25, 2024
Author

danny-avila Apr 25, 2024
Maintainer

melumuccu Apr 26, 2024
Author

melumuccu Apr 26, 2024
Author

melumuccu Apr 26, 2024
Author

melumuccu Apr 28, 2024
Author