Does it work with Cloudflare Tunnel?

[ilovefreesw]

I have setup everything that is required....

But when I access it on my Tunnel's domain then it redirects to /welcome page and then everything is blank. I see these errors in the browser console:

Failed to load resource: the server responded with a status of 502 ()Understand this error
page-40ace1a4b6a29062.js:1 
        
       Failed to load resource: the server responded with a status of 502 ()Understand this error
6518-ae9c9c4216bd003d.js:1        
        
       Failed to load resource: the server responded with a status of 502 ()Understand this error
16526-f5553aeff64b873a.js:1     
        
       Failed to load resource: the server responded with a status of 502 ()Understand this error
13268-aee1f59f45f3b37e.js:1        
        
       Failed to load resource: the server responded with a status of 502 ()Understand this error
51390-04e6850a346a1519.js:1         
        
       Failed to load resource: the server responded with a status of 502 ()Understand this error
7007-4dbd41f165aac99b.js:1         
        
       Failed to load resource: the server responded with a status of 502 ()Understand this error
94453-14a16f85c8adae23.js:1         
        
       Failed to load resource: the server responded with a status of 502 ()Understand this error
error-16732ee88e7626d4.js:1         
        
       Failed to load resource: the server responded with a status of 502 ()Understand this error
16325-c6f49628023fa761.js:1         
        
       Failed to load resource: the server responded with a status of 502 ()Understand this error
14564-0ee42fba4c1dc0fb.js:1 ChunkLoadError: Loading chunk 44279 failed.
(error: https://aichat.example.com/_next/static/chunks/app/(main)/error-16732ee88e7626d4.js)
    at j.f.j (webpack-dc99b9d356117f43.js:1:34729)
    at webpack-dc99b9d356117f43.js:1:1508
    at Array.reduce (<anonymous>)
    at j.e (webpack-dc99b9d356117f43.js:1:1474)
    at 14564-0ee42fba4c1dc0fb.js:2:18882
    at 14564-0ee42fba4c1dc0fb.js:2:19084
    at t (14564-0ee42fba4c1dc0fb.js:2:19287)
window.console.error @ 14564-0ee42fba4c1dc0fb.js:1Understand this error
bbe4c70a-0319722f60ccf778.js:1 Uncaught Error: Minified React error #423; visit https://react.dev/errors/423 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at iZ (bbe4c70a-0319722f60ccf778.js:1:118354)
    at ia (bbe4c70a-0319722f60ccf778.js:1:95167)
    at bbe4c70a-0319722f60ccf778.js:1:94989
    at il (bbe4c70a-0319722f60ccf778.js:1:94996)
    at oJ (bbe4c70a-0319722f60ccf778.js:1:92352)
    at oZ (bbe4c70a-0319722f60ccf778.js:1:91771)
    at MessagePort.T (14564-0ee42fba4c1dc0fb.js:1:90077)Understand this error
bbe4c70a-0319722f60ccf778.js:1 Uncaught ChunkLoadError: Loading chunk 44279 failed.
(error: https://aichat.example.com/_next/static/chunks/app/(main)/error-16732ee88e7626d4.js)
    at j.f.j (webpack-dc99b9d356117f43.js:1:34729)
    at webpack-dc99b9d356117f43.js:1:1508
    at Array.reduce (<anonymous>)
    at j.e (webpack-dc99b9d356117f43.js:1:1474)
    at 14564-0ee42fba4c1dc0fb.js:2:18882
    at 14564-0ee42fba4c1dc0fb.js:2:19084
    at t (14564-0ee42fba4c1dc0fb.js:2:19287)

I used the Docker method and here is my Env file:

# Other environment variables, as needed. You can refer to the environment variables configuration for the client version, making sure not to have ACCESS_CODE.
OPENAI_API_KEY=sk-pXXXXXXXXXoa1
# OPENAI_PROXY_URL=https://api.openai.com/v1
# OPENAI_MODEL_LIST=...

APP_URL=https://aimodels.xxxxxxx.com

# DB required environment variables
KEY_VAULTS_SECRET=jgwsK28xxxxxxxxxxNXeLpy6uk=
# Postgres database connection string
# Format: postgres://username:password@host:port/dbname; if your pg instance is a Docker container, use the container name
DATABASE_URL=postgres://postgres:uxxxxxxxxxxxxxxxxC@my-postgres:5432/postgres


#Auth
NEXT_AUTH_SECRET=gUxxxxxxxx8W+8=
NEXT_AUTH_SSO_PROVIDERS=cloudflare-zero-trust
AUTH_CLOUDFLARE_ZERO_TRUST_ID=f3dde1xxxxxxxxxxxxxxxxxe72
AUTH_CLOUDFLARE_ZERO_TRUST_SECRET=39xxxxxxxxxxxxxxxxxxxxxxxxxxxcd
AUTH_CLOUDFLARE_ZERO_TRUST_ISSUER=https://xxxxxxxxxxxxxxxx.cloudflareaccess.com/cdn-cgi/access/sso/oidc/f3dde15xxxxxxxxxxxxxxxxxxxxxxx4373a7b4c093c4056cce72


# S3 Keys
S3_ACCESS_KEY_ID=e1xxxxxxxxxxxxxxxxxd4
S3_SECRET_ACCESS_KEY=axxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx7

# Bucket Name
S3_BUCKET=xxxxxxxxxxxxxi-models
# Bucket Request Endpoint
S3_ENDPOINT=https://63a6xxxxxxxxxxxxxxxxxxxxxxef77eb.r2.cloudflarestorage.com
# Public Access Domain for the Bucket
S3_PUBLIC_DOMAIN=https://buckets.xxxxxxxxxxxxxxxxxxx.com

Deployed using this: docker run -d -p 3210:3210 --network pg --env-file ./env --name lobe-chat-database lobehub/lobe-chat-database

I have checked Docker logs... no error is shown there...

If you can tell me what I did wrong then tell me please thanks.

[BrandonStudio]

Does this help?
#781 (comment)

[ilovefreesw]

No I am using Google Gemini actually.

Locally it works fine. Just with Cloudflare Tunnel domain it is not working.

[BrandonStudio]

Is the domain you set with or without pathname? e.g. https://chat.example.com/ or https://example.com/chat/?

[ilovefreesw]

Is the domain you set with or without pathname? e.g. https://chat.example.com/ or https://example.com/chat/?

I posted my docker env file above .. it is without pathname.