NextJS部署到特定的URL路径

Question

http://host:port/

http://host:port/page1

http://host:port/my-test-application/path-for-my-app/
http://host:port/my-test-application/path-for-my-app/page1

我在我的NextJS应用程序中尝试了这个，但我得到了一个错误，即找不到“.next”文件夹。

我搜索了一下，可以找到一些使用“AssetPrefix”或使用“zones”的引用。然而，我真的不明白我应该做什么。

如何将应用程序部署到特定URL

|- pages
     |- my-test-application
           |- path-for-my-app
                |- index.js
                |- page1.js


<Link href="/my-test-application/path-for-my-app/page1" >

http://host:port/my-test-application_1/path-for-my-app/page1
http://host:port/my-test-application_2/diff-path-for-my-app/page1

Answer 1

在next.js≥9.5中，可以在next.config.js中设置basePath。例如，如果您希望整个Next.js应用程序都位于/docs，可以使用：

// next.config.js
module.exports = {
  basePath: '/docs'
}

Next将确保从正确的位置为所有资产提供服务，它将自动为应用程序中的所有链接加上这个基本路径的前缀，以及在使用Next/router进行编程导航时的前缀。例如，

<Link href="/about">
  <a>About Page</a>
</Link>

将转换为链接到/docs/about

router.push('/about')