Nuxt链接到外部url在URL前添加斜杠

我有一个nuxt-link,如果我用 Vue 检查器检查元素,我会得到这样的东西:

注意to属性。但是如果我检查元素,果然href属性是不同的:

<p>
  <a href="/https://www.forbes.com/sites/solitairetownsend/2020/11/16/100-uk-leading-environmentalists-who-happen-to-be-women/?sh=2b11cc462451" target="_blank">
  Trending&nbsp;?
  </a>
</p>

已附加A。这在填充站点的 JSON 提要中不存在。

这是nuxt常见的“陷阱”,还是我需要做一些不同的事情?还是我需要提出问题?

回答

NuxtLink 组件仅用于导航到同一应用程序中的其他页面。

如果您要将用户重定向到外部链接(具有不同的顶级域),只需使用常规锚标记即可!

<a href="https://www.forbes.com/sites/solitairetownsend/2020/11/16/100-uk-leading-environmentalists-who-happen-to-be-women/?sh=2b11cc462451" target="_blank">External Link to Forbes</a>


以上是Nuxt链接到外部url在URL前添加斜杠的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>