时间戳

首页 > 解决方案 > Nuxt 链接到外部 url 在 URL 前添加斜杠

nuxt.js - Nuxt 链接到外部 url 在 URL 前添加斜杠

问题描述

我有一个nuxt-link，如果我用 Vue 检查器检查元素，我会得到这样的结果：

在此处输入图像描述

注意to属性。但是如果我检查元素，肯定href属性是不同的：

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

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

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

标签： nuxt.js

解决方案

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>

推荐阅读