[Bug] 套 Cloudflare 代理后，打开网站卡在“应用启动中”

[hardy-one]

📦 Environment

Docker

📌 Version

v1.52.8

💻 Operating System

Ubuntu

🌐 Browser

Chrome

🐛 Bug Description

VPS 部署 LobeChat 数据库版本，服务器上使用caddy反代。

配置cloudflare的反代后访问网站进度条卡在“应用启动中”，cloudflare上取消反代后可以正常访问。

caddy配置：
lobe.xxx.xxx {
reverse_proxy localhost:3210
}

补充：
V1.51.3 版本配置 cloudflare 反代可以正常使用。

📷 Recurrence Steps

No response

🚦 Expected Behavior

No response

📝 Additional Information

Docker Log:

lobe-database | -------------------------------------
lobe-database | [Database] Start to migration...
lobe-database | ✅ database migration pass.
lobe-database | -------------------------------------
lobe-database | ▲ Next.js 15.1.6
lobe-database | - Local: http://localhost:3210
lobe-database | - Network: http://0.0.0.0:3210
lobe-database |
lobe-database | ✓ Starting...
lobe-database | ✓ Ready in 120ms
lobe-database | {
lobe-database | allowDangerousEmailAccountLinking: true,
lobe-database | clientId: undefined,
lobe-database | clientSecret: undefined,
lobe-database | platformType: 'WebsiteApp',
lobe-database | profile: [Function: profile]
lobe-database | }
lobe-database | (node:28) [DEP0040] DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead.
lobe-database | (Use node --trace-deprecation ... to show where the warning was created)
lobe-database | {
lobe-database | allowDangerousEmailAccountLinking: true,
lobe-database | clientId: undefined,
lobe-database | clientSecret: undefined,
lobe-database | platformType: 'WebsiteApp',
lobe-database | profile: [Function: profile]
lobe-database | }
lobe-database | [rewrite] / -> /zh-CN__0__light
lobe-database | (node:28) [DEP0060] DeprecationWarning: The util._extend API is deprecated. Please use Object.assign() instead.

[lobehubbot]

👀 @hardy-one

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.
Please make sure you have given us as much context as possible.
非常感谢您提交 issue。我们会尽快调查此事，并尽快回复您。 请确保您已经提供了尽可能多的背景信息。

[dosubot[bot]]

@hardy-one 你好! 我是Dosu，一个专注于解决问题、回答疑问并帮助人们成为贡献者的机器人。需要帮助时，我会在这里等候。

A similar issue was resolved by adjusting the reverse proxy configuration. In that case, the problem was with the nginx configuration, and the solution involved modifying the location / {} section to include proxy_pass http://localhost:3210; along with other necessary proxy settings ^[1].

For your situation with Caddy and Cloudflare, you might want to ensure that your Caddy configuration is correctly set up to handle the reverse proxy with Cloudflare. You could try adding headers or adjusting the proxy settings to ensure compatibility with Cloudflare's requirements.

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other}

[arvinxx]

Cloudflare 的反代要注意连接方式的吧？比如是否是灵活还是严格？

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

When it comes to Cloudflare's anti-generation, you should pay attention to the connection method? For example, is it flexible or strict?

[1iang]

Cloudflare 的反代要注意连接方式的吧？比如是否是灵活还是严格？

同样遇到这个问题，是最近某个版本更新后出现的，关掉小黄云就正常了

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

When it comes to Cloudflare's anti-generation, you should pay attention to the connection method? For example, is it flexible or strict?

This problem also occurred after a recent version update, so it would be normal to turn off Xiao Huangyun.

[xiangnanscu]

@arvinxx 我也出现这个问题了。某次更新后发生错误的,以前正常. 控制台信息:

Uncaught Error: Minified React error #418; visit https://react.dev/errors/418?args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at rv (4bd1b696-7bd16320e2b3bd82.js:1:30576)
    at 4bd1b696-7bd16320e2b3bd82.js:1:117133
    at uf (4bd1b696-7bd16320e2b3bd82.js:1:119861)
    at uu (4bd1b696-7bd16320e2b3bd82.js:1:112257)
    at 4bd1b696-7bd16320e2b3bd82.js:1:108295
    at 4bd1b696-7bd16320e2b3bd82.js:1:108302
    at i8 (4bd1b696-7bd16320e2b3bd82.js:1:108399)
    at uD (4bd1b696-7bd16320e2b3bd82.js:1:129037)
    at MessagePort.T (48972-fc855fc565c2cbcb.js:1:128714)

page-ea65ce011b506cd4.js:1 
 GET https://chat.xxxx.cn/trpc/lambda/agent.getAgentConfig,aiProvider.getAiPro…%22%3Anull%2C%22meta%22%3A%7B%22values%22%3A%5B%22undefined%22%5D%7D%7D%7D 401 (Unauthorized)
page-ea65ce011b506cd4.js:1 
 GET https://chat.xxxx.cn/trpc/lambda/user.getUserState?batch=1&input=%7B%220%…%22%3Anull%2C%22meta%22%3A%7B%22values%22%3A%5B%22undefined%22%5D%7D%7D%7D 401 (Unauthorized)



[arvinxx]

@arvinxx 我也出现这个问题了。某次更新后发生错误的,以前正常. 控制台信息:

Uncaught Error: Minified React error #418; visit https://react.dev/errors/418?args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at rv (4bd1b696-7bd16320e2b3bd82.js:1:30576)
    at 4bd1b696-7bd16320e2b3bd82.js:1:117133
    at uf (4bd1b696-7bd16320e2b3bd82.js:1:119861)
    at uu (4bd1b696-7bd16320e2b3bd82.js:1:112257)
    at 4bd1b696-7bd16320e2b3bd82.js:1:108295
    at 4bd1b696-7bd16320e2b3bd82.js:1:108302
    at i8 (4bd1b696-7bd16320e2b3bd82.js:1:108399)
    at uD (4bd1b696-7bd16320e2b3bd82.js:1:129037)
    at MessagePort.T (48972-fc855fc565c2cbcb.js:1:128714)

page-ea65ce011b506cd4.js:1 
 GET https://chat.xxxx.cn/trpc/lambda/agent.getAgentConfig,aiProvider.getAiPro…%22%3Anull%2C%22meta%22%3A%7B%22values%22%3A%5B%22undefined%22%5D%7D%7D%7D 401 (Unauthorized)
page-ea65ce011b506cd4.js:1 
 GET https://chat.xxxx.cn/trpc/lambda/user.getUserState?batch=1&input=%7B%220%…%22%3Anull%2C%22meta%22%3A%7B%22values%22%3A%5B%22undefined%22%5D%7D%7D%7D 401 (Unauthorized)



尝试清空浏览器缓存和服务端网关缓存后重试？

[JamesFlare1212]

LobeChat DB版在最新版本会卡在“应用启动中”，后来我回退到v1.51.3之后这个问题就解决了，我怀疑是和Auth的东西有关。

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

The latest version of LobeChat DB will be stuck in "application startup". Later, after I fell back to v1.51.3, this problem was solved. I suspect it is related to Auth's stuff.

[1iang]

@arvinxx 我也出现这个问题了。某次更新后发生错误的,以前正常. 控制台信息:

Uncaught Error: Minified React error #418; visit https://react.dev/errors/418?args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at rv (4bd1b696-7bd16320e2b3bd82.js:1:30576)
    at 4bd1b696-7bd16320e2b3bd82.js:1:117133
    at uf (4bd1b696-7bd16320e2b3bd82.js:1:119861)
    at uu (4bd1b696-7bd16320e2b3bd82.js:1:112257)
    at 4bd1b696-7bd16320e2b3bd82.js:1:108295
    at 4bd1b696-7bd16320e2b3bd82.js:1:108302
    at i8 (4bd1b696-7bd16320e2b3bd82.js:1:108399)
    at uD (4bd1b696-7bd16320e2b3bd82.js:1:129037)
    at MessagePort.T (48972-fc855fc565c2cbcb.js:1:128714)

page-ea65ce011b506cd4.js:1 
 GET https://chat.xxxx.cn/trpc/lambda/agent.getAgentConfig,aiProvider.getAiPro…%22%3Anull%2C%22meta%22%3A%7B%22values%22%3A%5B%22undefined%22%5D%7D%7D%7D 401 (Unauthorized)
page-ea65ce011b506cd4.js:1 
 GET https://chat.xxxx.cn/trpc/lambda/user.getUserState?batch=1&input=%7B%220%…%22%3Anull%2C%22meta%22%3A%7B%22values%22%3A%5B%22undefined%22%5D%7D%7D%7D 401 (Unauthorized)



尝试清空浏览器缓存和服务端网关缓存后重试？

感谢佬，我用1panel的OpenResty做反代，清除反代缓存后恢复正常

[qinguoluo]

@arvinxx 我也出现这个问题了。某次更新后发生错误的,以前正常. 控制台信息:

Uncaught Error: Minified React error #418; visit https://react.dev/errors/418?args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at rv (4bd1b696-7bd16320e2b3bd82.js:1:30576)
    at 4bd1b696-7bd16320e2b3bd82.js:1:117133
    at uf (4bd1b696-7bd16320e2b3bd82.js:1:119861)
    at uu (4bd1b696-7bd16320e2b3bd82.js:1:112257)
    at 4bd1b696-7bd16320e2b3bd82.js:1:108295
    at 4bd1b696-7bd16320e2b3bd82.js:1:108302
    at i8 (4bd1b696-7bd16320e2b3bd82.js:1:108399)
    at uD (4bd1b696-7bd16320e2b3bd82.js:1:129037)
    at MessagePort.T (48972-fc855fc565c2cbcb.js:1:128714)

page-ea65ce011b506cd4.js:1 
 GET https://chat.xxxx.cn/trpc/lambda/agent.getAgentConfig,aiProvider.getAiPro…%22%3Anull%2C%22meta%22%3A%7B%22values%22%3A%5B%22undefined%22%5D%7D%7D%7D 401 (Unauthorized)
page-ea65ce011b506cd4.js:1 
 GET https://chat.xxxx.cn/trpc/lambda/user.getUserState?batch=1&input=%7B%220%…%22%3Anull%2C%22meta%22%3A%7B%22values%22%3A%5B%22undefined%22%5D%7D%7D%7D 401 (Unauthorized)



尝试清空浏览器缓存和服务端网关缓存后重试？

感谢佬，我用1panel的OpenResty做反代，清除反代缓存后恢复正常
我也是，清除OpenResty反代缓存后恢复正常

[wcu1117]

刚拉的最新主分支代码运行也是这个问题，一直卡住不跳转登录页面

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

This is also the problem when running the latest main branch code of Gangla. It has been stuck and cannot jump to the login page.

[hardy-one]

Cloudflare 的反代要注意连接方式的吧？比如是否是灵活还是严格？

cloudflare 里设置的加密模式是：
完全（严格）启用端到端加密，对源服务器证书强制执行验证。使用 Cloudflare 的源服务器 CA 为您的源服务器生成证书。

服务器的证书是 caddy 自动申请的，V1.51.3 版本 cloudflare 同样设置的话是可用的。

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

When it comes to Cloudflare's anti-generation, you should pay attention to the connection method? For example, is it flexible or strict?

The encryption mode set in cloudflare is:
Fully (strictly) enable end-to-end encryption, enforce verification of the origin server certificate. Use Cloudflare's source server CA to generate certificates for your source server.

The server's certificate is automatically applied by caddy, and the same setting of cloudflare in V1.51.3 is available.

[tanpengsccd]

我也是1panel 部署的db版的. 出现相同问题. 非db版是正常的.
我没开CF 小黄云.

第一次打开域名

再刷新就会成

[arvinxx]

试下清空caddy的缓存和 1panel的缓存

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Try to clear the cache of caddy and the cache of 1panel

[wcu1117]

试下清空caddy的缓存和 1panel的缓存

我用的是本地dev运行调试,一直卡住这里了，拉取的最新main分支代码。

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Try to clear the cache of caddy and the cache of 1panel

I'm using local dev to run debugging, and I've been stuck here and pulled the latest main branch code.

[pureair]

同样的问题，环境 Debian 12 arm64
Docker image: lobehub/lobe-chat:v1.51.3 可以使用
Docker image: lobehub/lobe-chat:v1.51.4 “页面遇到一点问题”
Docker image: lobehub/lobe-chat:latest 重启caddy 浏览器隐私模式访问 “页面遇到一点问题”

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Same problem, environment Debian 12 arm64
Docker image: lobehub/lobe-chat:v1.51.3 can be used
Docker image: lobehub/lobe-chat:v1.51.4 "I encountered some problem with the page"
Docker image: lobehub/lobe-chat:latest Restart caddy browser privacy mode access "I encountered some problem with the page"

[wcu1117]

同样的问题，环境 Debian 12 arm64 Docker image: lobehub/lobe-chat:v1.51.3 可以使用 Docker image: lobehub/lobe-chat:v1.51.4 “页面遇到一点问题” Docker image: lobehub/lobe-chat:latest 重启caddy 浏览器隐私模式访问 “页面遇到一点问题”

你在环境变量加一个配置，NEXT_PUBLIC_ENABLE_NEXT_AUTH=1

[pureair]

目前最新版1.61.0不加这个环境变量也可以过CF。不过，不管加不加这个环境变量，还是过不了另一个CDN，感觉目前的页面对中间盒有一定的要求，这个CDN前面我还加了一个简陋的反代，可能就导致不太兼容了。看了一下v1.51.3和v1.51.4的区别，应该是Commit 159f255导致的，说明是“尝试将应用页面静态化，以解决动态页面带来的首屏性能问题“。如果可以的话，希望给一个关闭静态化的选项，目前的话套CF也是可用的所以也不急。

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Same problem, environment Debian 12 arm64 Docker image: lobehub/lobe-chat:v1.51.3 You can use Docker image: lobehub/lobe-chat:v1.51.4 "I encountered a little problem with the page" Docker image: lobehub/lobe-chat :latest Restart caddy Browser Privacy Mode Access "I encountered some problems with the page"

You add a configuration to the environment variable, NEXT_PUBLIC_ENABLE_NEXT_AUTH=1