Href转换为数据-href

Question

所以，我在下一个JS应用程序中遇到了这个奇怪的问题，我导入了google字体，如下所示

<link
 href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Source+Serif+Pro:wght@300;400;500&display=swap"
rel="stylesheet"
    
/>

我的浏览器中没有显示href，而是显示了，所以问题是，google不承认这是链接

有人能解释一下为什么会发生这种情况吗?有没有办法阻止这种情况发生？

Answer 1

这是因为下一次引入字体优化

默认情况下，Next.js将在构建时自动内联字体CSS，从而消除了获取字体声明的额外往返行程。

因此，它将href修改为data-href，因为它不再需要href，因为它不会在客户机上提出该请求。我不知道它为什么需要data-href，我认为它可以在构建完之后丢弃URL。