使用内部 nuxt-link，如何附加整个主机名 URL 而不仅仅是路径？

Question

我有一个简单的问题： 当我的 Nuxt 站点部署时，所有

NuxtLink

都会转换为

<a href="">

标签。但

href

中的URL是相对的。

例如：（参考图片 - ss1.png） 网址是

/calculators/sip

。

Answer 1

这是实现这一目标的方法

<nuxt-link v-slot="{ route, navigate }" to="/calculators" custom>
  <a :href="'https://nuxt2-nuxtlink-repro.netlify.app' + '/calculators'" @click="navigate">
    Go to {{ route.fullPath }}
  </a>
  <a @click="navigate">Go to {{ route.fullPath }} (different way)</a>
</nuxt-link>

你拥有的不仅仅是路径（又名

<a href="/calculators"></a>

），而是一个整体

<a href="https://nuxt2-nuxtlink-repro.netlify.app/calculators"></a>

这是一个工作重现托管于Netlify。
这是关于 vue-router 部分的官方资源。