Nuxt3 解决a元素或者NuxtLink使用绝对路径跳转其它地址报错

前言

最近在使用Nuxt3开发官网的时候，需要有一些地址跳转，但是跳转的地址是绝对路径，比如我官网是/a的域名路径，但是需要从官网跳转到/b路径的时候，nuxt就会报错。

在控制台会报警告：

No match found for location with path "/b"

在通过generate命令打包的时候还会报错：

 Error: [404] Page not found: /b

导致我们打包失败，实际上这个路径在生产环境是存在的，只是在本地开发的时候不存在。

不管我们使用A元素还是NuxtLink标签，配置的target="_blank"也没有用，该报错还是报错。究其原因是因为nuxt会将这种路径识别为路由地址，为了SSG渲染，他就会去读取对应的路径文件，但是我们本地是不存在的，所以就会报错。

教程

解决办法我找了很久，在nuxt3的github仓库也找不到解决方案，在谷歌也搜索不到，头疼死了。

最终在nuxt2的教程中找到一个配置，测试了下，可以使用。

我们在nuxt.config.ts配置文件中配置一个ignore忽略名单，让nuxt在生成的时候忽略对应的路由。

export default defineNuxtConfig({
  nitro: {
    prerender: {
      ignore: ["/b"]
    }
  }
});

这样就行了，打包不会报错了，使用a链接也不会有警告了，但是使用NuxtLink标签还是会在开发时有警告，但是打包不会报错。

需要注意的是，我们配置的路径其实是一个非完全匹配的路径，比如我们现在配置的是/b路径，其实它会忽略所有/b/xx的路径，可以说还是挺方便的。