WSO2 APIM 4.4.0高级UI定制后界面无变化，请求问题排查

一、修改后界面无变化的排查步骤 #

• 检查构建产物是否正确覆盖：确认复制到根目录webapps/devportal下的dist文件夹和index.jsp是最新构建的，对比文件修改时间，避免复制旧产物。
• 清理浏览器缓存：按Ctrl+Shift+R强制刷新页面，或用无痕模式访问，排除浏览器缓存旧资源的干扰。
• 确保服务完全重启：彻底停止api-manager.bat --run后再启动，避免服务未加载新的静态资源。
• 验证构建命令是否成功：在devportal目录执行npm run build dev时，查看终端是否有报错，构建失败会导致产物未更新，需先修复构建问题。
• 核对定制文件位置：如果用覆盖模式修改，确认文件放在了override/src目录，而非直接修改source/src却未触发构建替换逻辑。

二、UI定制的正确目录说明 #

• 完全重写UI：在复制出来的webapps文件夹中，修改devportal/source/src或publisher/source/src下的React源码，这是原始前端代码目录，修改后构建会生成全新的前端产物。
• 覆盖特定组件/文件：不需要直接修改WSO2根目录webapps下的代码，正确方式是在复制的webapps文件夹的devportal/override/src或publisher/override/src目录下，创建与source/src完全一致的文件路径。比如要替换source/src/components/Header.jsx，就在override/src/components下创建同名的Header.jsx，构建时工具会自动用override下的文件替换原始文件，最后将构建产物复制到WSO2根目录webapps即可。

注意：所有定制操作都应在复制出来的webapps目录下进行，不要直接修改WSO2根目录的webapps，避免后续版本升级或服务重置丢失定制内容。

内容的提问来源于stack exchange，提问作者bảo trương đức