Strapi部署至Replit后无法访问管理页面，CSP报错求助

核心问题定位 #

前端代码硬编码了http://localhost:1337作为后端接口地址，部署到Replit后仍尝试连接本地端口，违反了环境中connect-src 'self' https:的内容安全策略（CSP）指令——localhost使用HTTP协议，不在允许的源范围内。

解决方案步骤 #

• 修正后端地址配置
  1. 找到前端项目中配置API地址的文件（如.env或专门的配置文件），将http://localhost:1337替换为Replit部署的Strapi实例公网域名（格式示例：https://<repl-name>.<username>.repl.co）。
  2. 优先使用环境变量管理API地址，确保Replit环境变量中已正确配置该地址，前端代码通过环境变量读取而非硬编码。
• 调整CSP设置
  1. 生产环境：在Strapi的CSP配置中，给connect-src指令添加你的Replit后端域名，保持'self' https:的基础规则不变。
  2. 调试场景（不建议生产用）：临时给connect-src添加http://localhost:1337，允许本地连接。
• 验证后端服务状态
  确认Replit上的Strapi服务已正常启动，公网地址可正常访问，无端口或防火墙限制。

代码检查要点 #

• 全局搜索前端项目中所有localhost:1337的出现位置，确保全部替换为正确的后端地址。
• 检查Strapi项目的config/server.js文件，将url配置项设置为Replit公网域名，而非localhost:1337，确保Strapi生成的前端资源自动使用正确地址。

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