咨询前端webui组件调试问题每次修改都要出固件吗？

交流互助区
1

webui组件每次修改后，怎么才能单独更新这个组件看效果而不用出整个固件包？
有方法单独更新某个组件或者单独上传ui相关的静态文件吗？

2

您可以尝试以下操作：
1、在webui目录执行npm run build，构建完成后将dist目录打包成dist.zip
2、上传dist.zip到/tmp目录下
3、执行cd /opt/bmc/web
4、执行cp /tmp/dist.zip ./
5、执行mv htdocs bak_htdocs
6、执行unzip dist.zip
7、执行mv dist htdocs
8、执行chmod -R 777 htdocs

3

感谢

4

rootfs启动后只读，默认情况是不允许写入的。

风险提醒：如果环境启用了安全启动功能，请谨慎操作，存在风险

修改rootfs的内容将导致镜像变更，无法通过安全启动校验，系统会自动切换到未被破坏的分区（总共三个分区），多次切换就会导致系统无可用分区，最终导致启动失败。

5

本地开发使用反向代理，即可实时在浏览器看到效果。
参考前端开发反向代理指导：

6

在webui组件中，没找proxyTable和API_HOST关键字，能具体说说webui实时在浏览器看到效果的步骤吗？

7

npm install

npm ci

npm run dev

2de3623b09c3fbdbb8ea4e6d5fda4c13
2de3623b09c3fbdbb8ea4e6d5fda4c131770×989 141 KB

这边改成机器ip

8

我理解其实就是更新 /opt/bmc/web/htdocs，想问一下更新后需要执行什么命令重启webui才能生效

9

静态文件，被覆盖后，默认就生效了，浏览器清空缓存，刷新页面就会获取最新的静态资源文件。