[BUG]nodered-dashboard2页面无法显示，编辑Layout后无法保存

[WuBingo12]

首先建议增加西门子S7无法更改端口功能（plc模拟软件调试的时候特别需要修改端口）
server\runtime\devices\s7\index.js 38行 在ConnectTo连接前增加参数设置远程端口

                        if (data.property.port != null && data.property.port >= 0 ){
                            s7client.SetParam(2, data.property.port);
                        }

增加界面修改端口功能 client\src\app\device\device-property\device-property.component.html 134行property-slot下增加property-port ***

                    <div class="my-form-field" style="display: inline-block;margin-bottom: 10px;padding-left: 10px;">
                       <span>{{'device.property-port' | translate}}</span>
                       <input numberOnly [(ngModel)]="data.device.property.port" style="width: 80px" type="text">
                    </div>

然后我按照wiki提示的安装了nodered-dashboard2，但是无法通过教程中的路径访问，后面我调试修改了代码
server\integrations\node-red\index.js130行 增加少写的/api路径

        app.use('/nodered/api', allowDashboard, RED.httpNode);

这样/nodered/api/dashboard就能正常访问，但是还有一个问题没有解决，希望能您能帮助解决：

上面的两个窗体无法点击打开，其中Open Dashboard 可以通过右键打开http://localhost:1881/nodered/api/dashboard/page1
但是Layout Editor这个窗体无法打开，如果我修改
server\integrations\node-red\index.js118行增加nodered跳过权限验证，可以直接通过http://localhost:1881/nodered访问控制面板

if (req.path.includes('/dashboard') || req.baseUrl.includes('/nodered') || req.path.includes('/socket.io')) return next();

并设置调整UI页面路径，在server_appdata\node-red\node_modules@flowfuse\node-red-dashboard\nodes\config\ui_base.html文件316行showDashboardWysiwygEditor函数中，增加RED.settings.httpNodeRoot前缀

const _url = new URL(`${RED.settings.httpNodeRoot}/${dashboardBasePath}/${data.path}`.replace(/\/\//g, '/'), windowUrl.origin)

这样能正常打开Layout Editor页面http://localhost:1881/nodered/api/dashboard/page1?edit-key=kvfr3lvv0lo&editor-path=nodered
但是修改Layout 后无法保存，发现保存的路径为 PATCH /nodered/nodered/api/dashboard/api/v1/287fb08ba6bc1372/flows 404 1.664 ms 无法访问

请帮忙测试或者修复，万分感谢！

[MatthewReed303]

Please use English. There is a fix for the Node-Red dash in the advanced reports PR

#1996

@unocelli how is the PR review going?

[WuBingo12]

Thank you for your reply. I tested the code in the advanced reports PR，but it still doesn't work. Have you tested whether it can be saved after modifying dashboard in the Layout Editor?

The Error is “PATCH /nodered/nodered/api/dashboard/api/v1/287fb08ba6bc1372/flows 404 2.047 ms - 200”

[MatthewReed303]

please try one of my builds here:

https://github.com/MatthewReed303/FUXA/actions/runs/18832333861

It's a API path permission issue that was fixed.

[WuBingo12]

I Download And Install the ExE ,Then Create a New Project-> Open the Node-RED Flows->Install @flowfuse/node-red-dashboard ->Create a test flow to Dashboard 2.0 , But it still doesn't work. like the main branch ,Click 【Open Dashboard】or【Layout Editor】No response at all，【Open Dashboard】not important，【Layout Editor】is important ，thanks for Test or repair！

[MatthewReed303]

Try in an iframe, you can't open link from within electron

Kooha-2025-11-10-19-08-26.webm

[WuBingo12]

thanks for test，i know the iframe can display ，but【Layout Editor】is important，it can Modify the display grid to change vertical buttons to horizontal buttons ，Drag to adjust position, etc

In the normal nodered process, the interface display layout should be adjusted after editing the process, but this function cannot be achieved now
first click 【Layout Editor】 open the UI ，Drag to adjust position, etc ，then save ！

[MatthewReed303]

I will have to take a close look and find a work around. The problem is Node-Red runs in an iframe, iframes don't allow opening new tabs/windows from within. I will get to this in a few weeks. If you find a fix in the mean time please create a PR