部署作品集后访问出现异常页面，求问题原因排查

问题描述 #

完成个人作品集部署流程后，访问对应链接时未显示预期的作品集页面，而是出现以下异常界面：

• 初始访问异常界面：
• 打开链接后的异常界面：

常见排查方向 #

• 域名配置问题：检查域名是否正确解析至部署服务器/托管平台的目标地址，排查解析记录是否生效、是否存在配置错误。
• 部署目录设置错误：确认托管平台或服务器的根目录配置，是否指向了作品集构建后的dist/build产物目录，避免指向项目源码目录。
• 缓存干扰：用Ctrl+Shift+R强制刷新浏览器，或切换无痕模式访问，排除本地缓存的旧错误页面影响。
• 构建产物异常：重新执行项目构建命令（如npm run build），检查构建日志是否有报错，确认产物目录文件是否完整、可正常打开。
• 服务器/平台配置错误：
  • 自建服务器：检查Nginx/Apache的配置文件，排查路由重写、反向代理或静态文件服务的配置问题。
  • 第三方托管平台：查看部署日志，确认是否有部署失败、资源缺失等警告或错误信息。
• SSL证书问题：若使用HTTPS，检查证书是否有效、配置是否正确，证书异常可能导致页面加载失败或显示错误界面。

内容的提问来源于stack exchange，提问作者Mirza Šabanović