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 ?
</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>