Strapi 3.6.8本地管理面板新增Collection Type字段后无限加载问题求助

• 配置参数错误：你当前server.js里的全局url参数默认值只写了http://localhost，没有带上端口号1337，Strapi生成管理面板跳转链接、接口请求地址的时候会直接复用这个配置值，所以点击管理面板入口时会跳转到不带端口的http://localhost/admin，同时前端接口请求地址端口和实际服务端口不匹配，触发跨域预检失败，是你看到preflight报错的直接原因。
• 管理面板缓存未更新：新增大量Collection Type字段后，没有重新构建Strapi管理面板，旧的前端缓存和新的后端字段配置不匹配，就算手动访问带端口的admin路径也会出现无限加载、接口请求报错的问题。
• 单模型字段过载：Strapi 3.x版本存在单Collection Type字段过多时，Schema加载接口响应超时、加载失败的隐性问题，也会触发管理面板无限加载。

1. 修正server.js配置
   将server.js中的url参数默认值补充端口号，修改后配置如下：

module.exports = ({ env }) => ({
  host: env('HOST', '0.0.0.0'),
  port: env.int('PORT', 1337),
  cron: { enabled: true },
  url: env('URL', 'http://localhost:1337'),

  admin: {
    auth: {
      secret: env('ADMIN_JWT_SECRET', '9bf8cc74ab83590b280df0851beaec60'),
    },
  },
});

2. 清理缓存重新构建管理面板
   依次执行以下操作：

• 删除项目根目录下的.cache和build两个文件夹，清理旧的构建产物和缓存
• 执行命令npm run build重新构建管理面板
• 执行命令npm run develop重启开发服务

3. 单模型字段过多优化
   如果后续该Collection Type字段还会持续增加，可做如下优化避免再次出现同类问题：

• 将相关性低的字段拆分到独立的Collection Type，通过关联关系绑定，避免单模型字段过载
• 调整服务超时配置，延长Schema接口的响应等待时长

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