DEV Community
·
Next.js中router.push、和的区别
💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
router.push用于编程导航，不生成<a>标签，可能影响SEO；<Link>生成<a>标签，SEO友好并支持预取；<a>是标准超链接，重新加载页面。建议使用<Link>，但在特定情况下可用router.push。
🎯
关键要点
- router.push用于编程导航，不生成<a>标签，类似于window.location，可能影响SEO。
- <Link>生成<a>标签，SEO友好，支持预取，用户可以在不重新加载页面的情况下导航。
- <a>标签是标准超链接，重新加载页面，不利用Next.js的路由优化。
- 建议在网站中使用<Link>，但在特定情况下可以使用router.push进行重定向。
➡️
