Vercel部署作品集网站后LinkedIn/GitHub链接出现404错误求助

以下是针对你的问题的排查和解决步骤：

• 确认链接为完整绝对路径：检查LinkedIn和GitHub的链接是否以https://开头的完整URL。如果用了相对路径（比如/github-profile），Vercel会将其当作站点内部路由处理，自然返回404。必须写成https://github.com/你的用户名这类完整地址。
• 排查前端路由拦截：如果你用了React、Vue这类框架的路由工具，确认路由配置没有误将外部链接当作内部路由。比如React Router的BrowserRouter会拦截所有a标签跳转，需要确保外部链接没有被路由规则匹配到，或者手动添加target="_blank"并确认href是绝对路径。
• 检查Vercel部署配置：登录Vercel控制台查看部署日志，确认是否有重定向规则、边缘函数或者其他配置干扰了链接跳转。比如某些自定义的vercel.json规则可能错误地重写了外部链接路径。
• 验证页面元素中的链接：右键网站页面的LinkedIn/GitHub链接，选择“检查”查看href属性的实际值，复制该地址直接在浏览器打开，确认链接本身是否有效。如果复制后能正常访问，说明页面渲染时链接被篡改了。
• 清除缓存测试：用浏览器无痕模式打开部署后的网站，避免旧缓存导致的链接异常。

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