antd pro 网页title取不到问题解决

在Ant Design Pro中，如果遇到无法取到网页title的问题，可能是由于配置不正确或者是代码中的某个地方有误。以下是解决方案：

1. 确认配置是否正确：

   检查 src/utils/authority.js 文件中的 title 是否已经正确设置。

// src/utils/authority.js
 
export default {
  title: '你的应用名称',
  // ...
};

2. 检查 src/layouts/BasicLayout.js 中是否有正确使用 title：

// src/layouts/BasicLayout.js
 
import { getPageTitle } from '@/utils/utils';
 
// ...
 
function BasicLayout(props) {
  const {
    route = {
      routes: [],
    },
  } = props;
  const title = getPageTitle(route.routes);
 
  return (
    <DocumentTitle title={title}>
      <BasicLayoutContent {...props} />
    </DocumentTitle>
  );
}
 
// ...

3. 检查 src/utils/utils.js 中 getPageTitle 函数的实现是否正确：

// src/utils/utils.js
 
import { formatMessage } from 'umi-plugin-react/locale';
 
// ...
 
export function getPageTitle(pathname, breadcrumbNameMap) {
  const pageTitle =
    breadcrumbNameMap[pathname] ||
    formatMessage({
      id: 'umi.core.dynamic-route',
      defaultMessage: 'dynamic-route',
    });
 
  return `${pageTitle} - ${title}`;
}
 
// ...

4. 确认是否所有页面都使用了 BasicLayout：

// src/app.js
 
export const routerConfig = {
  // ...
  routes: [
    {
      path: '/',
      component: '../layouts/BasicLayout',
      // ...
    },
    // ...
  ],
};

如果以上步骤都确认无误，但仍然无法取到网页title，可能需要进一步检查是否有其他自定义的title设置覆盖了默认行为。

如果问题依然存在，可以考虑查看控制台是否有其他错误信息，或者检查是否有最近的代码提交可能导致了这个问题。如果是从某个提交后出现的问题，可以尝试回退到之前的提交查看是否解决。