我想将我的 NEXT.js 项目与静态网站链接答案

【问题标题】：I want to Link my NEXT.js project with a static website我想将我的 NEXT.js 项目与静态网站链接
【发布时间】：2021-10-15 15:40:55
【问题描述】：

我有一个使用 HTML、CSS 开发的网站，它是一个静态网站，但现在我使用与 Strapi API 集成的 NEXT.js 创建了一个博客项目。 我的问题是如何将我的静态网站链接到我的 Next.js 项目？

我尝试使用链接标签，但没有成功

import Link from "next/link";

function Home({ posts }) {
  return (
    <>
      <HomeHeader />
      <Link href="./index.html">
        <a>Static Page</a>
      </Link>
      <HomeLatestPosts Posts={posts} />
    </>
  );
}

【问题讨论】：

您可以使用常规的<a> 元素
Link 是什么意思？您想在 Nextjs 应用程序中显示完整的 HTML 页面，还是只显示指向该网站的导航链接？
只是导航链接到我的完整 HTML 文件

标签： reactjs web next.js content-management-system strapi

【解决方案1】：

不要使用路由器或“链接”组件。只需使用带有 href 属性的标准 html a 标签即可。

 <a href="insert link"> </a>

【讨论】：

谢谢这对我有用，但问题是 URL 是这样的 localhost:3000/index.html 我的 Next.js 项目（博客）将是我的静态网站的子页面。是否可以将此项目作为子页面链接到我的静态网站？