n8n v1.86 後 editor 出現 Connection Lost 問題

更新 發佈閱讀 5 分鐘

我的 n8n 架在 AWS EC2 裡、用 docker 啟動,接在cloudfront distribution 跟 ALB 後面。cloudfront 對外使用 redirect HTTP to HTTPS、origin 是使用 HTTP 連 ALB。ALB 的 listener 是 HTTP、target group 也是用 HTTP 連到 target。

n8n 升級到 v1.86 後 editor 右上角會出現 Connection lost 的警告:

raw-image

用瀏覽器的 devtool 看是 web socket wss:// 連線有問題,會想換 protocol 、往 http:// 走。

這篇看起來可以更改 push backend 為 sse ,就可以不使用 web socket。對應的 environment variable (ref):

N8N_PUSH_BACKEND=sse

設定 push backend 為 sse 後用 devtool 看沒有對 web socket 的連線,但依然 Connection lost。

發現 n8n 的 log 有這段:

n8n-1  | Origin header is missing
n8n-1 | ResponseError: Invalid origin!
n8n-1 | at Push.handleRequest (/usr/local/lib/node_modules/n8n/src/push/index.ts:143:10)
n8n-1 | at /usr/local/lib/node_modules/n8n/src/push/index.ts:100:10
n8n-1 | at Layer.handleRequest (/usr/local/lib/node_modules/n8n/node_modules/.pnpm/router@2.2.0/node_modules/router/lib/layer.js:152:17)
n8n-1 | at trimPrefix (/usr/local/lib/node_modules/n8n/node_modules/.pnpm/router@2.2.0/node_modules/router/index.js:342:13)
n8n-1 | at /usr/local/lib/node_modules/n8n/node_modules/.pnpm/router@2.2.0/node_modules/router/index.js:297:9
n8n-1 | at processParams (/usr/local/lib/node_modules/n8n/node_modules/.pnpm/router@2.2.0/node_modules/router/index.js:582:12)
n8n-1 | at next (/usr/local/lib/node_modules/n8n/node_modules/.pnpm/router@2.2.0/node_modules/router/index.js:291:5)
n8n-1 | at /usr/local/lib/node_modules/n8n/src/auth/auth.service.ts:110:18
n8n-1 | at processTicksAndRejections (node:internal/process/task_queues:105:5)

看來是 cloudfront 往 origin 這段送的 request 缺少 origin header,參考這篇後我直接在 cloudfront distribution 的 origin 設定加 header origin 、value 寫 n8n.mydomain.org:[ALB_LISTENER_PORT]

raw-image

解決啦!!🎉🎉🎉

在 cloudfront distribution 設好 header 後,即使把 push backend 改回 web socket 也能正常運作!🥳

本文同步發表於 https://www.cjwind.cc/n8n-editor-connection-lost-after-v1-86/

留言
avatar-img
留言分享你的想法!
avatar-img
火星蚊的地球記事
1會員
8內容數
各種資訊技術雜寫
2025/09/14
如何修改 NixOS 的 hostname
2025/09/14
如何修改 NixOS 的 hostname
2025/09/06
如何在 Open WebUI 設置 Sonar AI
Thumbnail
2025/09/06
如何在 Open WebUI 設置 Sonar AI
Thumbnail
2025/09/02
在 NixOS 25.05 + KDE 6 + Wayland 安裝中文與日文輸入法
2025/09/02
在 NixOS 25.05 + KDE 6 + Wayland 安裝中文與日文輸入法
看更多
你可能也想看
Thumbnail
身為採購專家,當然不能錯過11/11購物節的超殺折扣!本文將帶你深入瞭解蝦皮11/11購物節的完整攻略,從必領的各種優惠券、商城折扣,到限時的搶購技巧,讓你買到手軟荷包也不哭泣。更重要的是,揭密蝦皮分潤計畫,教你如何零成本創業,透過分享商品連結,每月輕鬆加薪,開啟數位遊牧人生!
Thumbnail
身為採購專家,當然不能錯過11/11購物節的超殺折扣!本文將帶你深入瞭解蝦皮11/11購物節的完整攻略,從必領的各種優惠券、商城折扣,到限時的搶購技巧,讓你買到手軟荷包也不哭泣。更重要的是,揭密蝦皮分潤計畫,教你如何零成本創業,透過分享商品連結,每月輕鬆加薪,開啟數位遊牧人生!
Thumbnail
雙11購物節將近,這次分享一些蝦皮海外賣場購物的步驟與注意事項,並且介紹雙11蝦皮購物的相關優惠;另外蝦皮分潤計畫持續招募新血中,只要分享購物連結即可獲得分潤,是很適合創作者的額外收入管道喔!
Thumbnail
雙11購物節將近,這次分享一些蝦皮海外賣場購物的步驟與注意事項,並且介紹雙11蝦皮購物的相關優惠;另外蝦皮分潤計畫持續招募新血中,只要分享購物連結即可獲得分潤,是很適合創作者的額外收入管道喔!
Thumbnail
首先確定VS Code的版本,如果你的版本跟我一樣是1.92.0那麼你可以參考我的作法...
Thumbnail
首先確定VS Code的版本,如果你的版本跟我一樣是1.92.0那麼你可以參考我的作法...
Thumbnail
事源我有個文檔用了前公司最新版本After Effect保存 帶回家才發現這個版本不兼容。而且第一個版本都不能打開(這也算AE超白癡的地方,2023都就已經不能打開2024的文檔)。
Thumbnail
事源我有個文檔用了前公司最新版本After Effect保存 帶回家才發現這個版本不兼容。而且第一個版本都不能打開(這也算AE超白癡的地方,2023都就已經不能打開2024的文檔)。
Thumbnail
當我們架好站、WebService測試完,接著就是測試區域網路連線啦~
Thumbnail
當我們架好站、WebService測試完,接著就是測試區域網路連線啦~
Thumbnail
AWS CloudFront + S3 遇到 CORS 解決方式
Thumbnail
AWS CloudFront + S3 遇到 CORS 解決方式
Thumbnail
Nuxt 的安裝流程,一起來試試看吧
Thumbnail
Nuxt 的安裝流程,一起來試試看吧
Thumbnail
整合測試的時候突然遇到一個突然無法登入產品網站的問題,把程式模組單獨拉出來測試又正常,觀察測試報告後發現出現發生登入異常的時間點並不固定,而且只要發生就會連續發生一段時間,程式被中斷掉。後來確認問題在...
Thumbnail
整合測試的時候突然遇到一個突然無法登入產品網站的問題,把程式模組單獨拉出來測試又正常,觀察測試報告後發現出現發生登入異常的時間點並不固定,而且只要發生就會連續發生一段時間,程式被中斷掉。後來確認問題在...
Thumbnail
找不到網頁 404錯誤,也就是找不到網頁,是所有網路工作者的夢魘。當這個訊息出現,就代表網站上某個連結失效了。連結的重要性取決於其影響層面。如果連結只是連到某一筆資料,那麼影響層面較小。但如果連結是重要的,例如連到產品頁面或購物車或受甚至是官網首頁,那麼影響層面就會很大。如果重要的連結出現404錯
Thumbnail
找不到網頁 404錯誤,也就是找不到網頁,是所有網路工作者的夢魘。當這個訊息出現,就代表網站上某個連結失效了。連結的重要性取決於其影響層面。如果連結只是連到某一筆資料,那麼影響層面較小。但如果連結是重要的,例如連到產品頁面或購物車或受甚至是官網首頁,那麼影響層面就會很大。如果重要的連結出現404錯
Thumbnail
npm 做為 node 套件版本管理工具,今天來學習如何使用 npm 升級 package.json 版號管理,可以對一個專案版號管理更加制式化 major 目標升級版號 指令 npm version --new-version major 範例 v1.0.0 -> v2.0.0 mi
Thumbnail
npm 做為 node 套件版本管理工具,今天來學習如何使用 npm 升級 package.json 版號管理,可以對一個專案版號管理更加制式化 major 目標升級版號 指令 npm version --new-version major 範例 v1.0.0 -> v2.0.0 mi
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News