Ant Design Pro V5 去掉界面水印(JavaScript版)

Posted シ゛甜虾

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ant Design Pro V5 去掉界面水印(JavaScript版)相关的知识,希望对你有一定的参考价值。

界面的水印 

水印是 PageContainer 的功能,layout 只是透传给 PageContainer

屏蔽方法,找到文件src/app.jsx

export const layout = ({ initialState }) => {
  return {
    rightContentRender: () => <RightContent />,
    disableContentMargin: false,
    waterMarkProps: {
      content: initialState?.currentUser?.name,
    },
    footerRender: () => <Footer />,
    onPageChange: () => {
      const { location } = history; // 如果没有登录,重定向到 login

      if (!initialState?.currentUser && location.pathname !== loginPath) {
        history.push(loginPath);
      }
    },

主需要注释掉content: initialState?.currentUser?.name,

waterMarkProps: {
  // content: initialState?.currentUser?.name,
},

水印消失了

以上是关于Ant Design Pro V5 去掉界面水印(JavaScript版)的主要内容,如果未能解决你的问题,请参考以下文章

Ant Design Pro V5 包含演示效果创建方法

Ant Design Pro V5 代理设置(javascript版)

Ant Design Pro V5 从零开始到用户登录鉴权(javascript版)

Ant Design Pro V5 实现https运行(javascript版typescript通用)

ant design pro登录跳转不到主界面或者需要登录两次问题

ant-design-pro 动态菜单-路由详解