NextJS 重定向到包含静态页面的文件夹

Question

我正在尝试从 nextJS 页面链接到包含静态构建 html 页面的文件夹，该文件夹位于根目录中。 是否可以使用 Link 或 async redirect()？或者有其他合适的方法吗？

喜欢<Link href='/anotherStaticBuild'> Click here </Link>

文件夹结构

 - public
 - pages
 - anotherStaticBuild(not-next-app)
    - build
    - index.html
 - next.config.js

Answer 1

可以重定向但不能直接重定向到静态页面，您必须将页面导出为字符串并加载 它在 pages 文件夹内的页面内调用的组件中，然后重定向到该页面。

（注意：- 但你仍然可以通过将静态页面导入到组件中来找到解决方法 从页面调用并通过危险的SetInnerHTML将其添加到DOM 属性，但不能直接重定向到它。）

您可以查看下面给出的示例：- 从“dompurify”导入 DOMPurify； const htmlContent = <h1>John Doe</h1>; const myPage = DOMPurify.sanitize(htmlContent); const App = () =>