nacos 1.3.2 的ui页面 本地化改造

• 2020博客地址汇总
• 2019年博客汇总

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`;
}