（Next.js）如何处理从API提取的文本中的内部链接？

Question

假设我从Wordpress帖子中获取内容。

在一些地方，文章链接到其他内部文章。

这些帖子将链接到api.example.com/article而不是example.com/article.

Next.js如何处理无法使用<Link />进行硬编码的链接？

Answer 1

您可以通过自定义路由和JavaScript替换来做到这一点。首先按照我在此处所述的方法设置自定义路由：Next.js - route based modal

设置完成后，为文章创建路线。例如，假设您用api.example.com/articles/:id替换了链接：

const nextRoutes = require('next-routes');
const routes = (module.exports = nextRoutes());

routes
    .add('article', '/articles/:id', 'article')

一旦设置了这些路由，您的链接便会工作。这种方法的一个缺点是使用标准链接会强制在每个页面上重新加载，因为Next仅使用其链接模块支持浏览器呈现。