Strapi V4管理后台认证页面Helmet标题无法修改求助

问题原因 #

直接修改node_modules内的官方翻译文件会被包管理器覆盖，且仅修改翻译键值未重建管理面板也可能导致配置不生效。

解决方案一：通过自定义翻译文件覆盖（推荐） #

• 在项目根目录创建src/admin/translations文件夹（若不存在）
• 新建对应语言的翻译文件，比如en.json，写入：

{
  "AuthPage.helmet.title": "Login - my website"
}

• 执行命令重新构建管理面板：

npm run build
# 或使用yarn
yarn build

• 重启Strapi服务，清除浏览器缓存后刷新登录页

解决方案二：自定义组件强制替换标题 #

如果翻译覆盖仍不生效，可通过扩展Admin组件实现：

1. 创建自定义AuthPage组件：
   在src/admin/components/AuthPage/index.js中写入：

import React from 'react';
import { AuthPage as BaseAuthPage } from '@strapi/admin';
import { Helmet } from 'react-helmet';

const AuthPage = (props) => {
  return (
    <>
      <Helmet>
        <title>Login - my website</title>
      </Helmet>
      <BaseAuthPage {...props} />
    </>
  );
};

export default AuthPage;

2. 注册自定义组件：
   在src/admin/app.js中添加：

import AuthPage from './components/AuthPage';

export default {
  bootstrap(app) {
    app.injectComponent('auth-page', { component: AuthPage });
  },
};

3. 重新构建管理面板并重启服务：

npm run build && npm run develop

内容的提问来源于stack exchange，提问作者Node Developer