nacos 1.3.2 的ui页面 本地化改造
背景
所在项目需要将Nacos 1.3.2 的ui页面 本地化改造,方便方便集成到公司的监控平台
1、去除头部导航条
2、设置免登陆
修改页面
1、下载nacos-server-xxx.zip
https://github.com/alibaba/nacos/releases
2、解压后在nacos/target下的nacos-server.jar包中有UI源码。将其解压。
3、解压后用开发工具打开前端项目
nacos\target\nacos-server\BOOT-INF\classes\static\console-fe
4、编译 启动
npm install
nmp run start
5、修改
MainLayout.js
修改前
<div className="viewFramework-product" style={{ top: 66 }}>
<Header />
修改后(删除Header\设置top 为0)
<div className="viewFramework-product" style={{ top: 0 }}>
npm run build
构建好后将目录static下的文件拷贝替换掉jar中的。
免登陆
删除以下两个方法中的逻辑
request.js
function goLogin() {
const url = window.location.href;
localStorage.removeItem('token');
const base_url = url.split('#')[0];
window.location.href = `${base_url}#/login`;
}
globalLib.js
function goLogin() {
const url = window.location.href;
localStorage.removeItem('token');
const base_url = url.split('#')[0];
console.log('base_url', base_url);
window.location = `${base_url}#/login`;
}