javascript - 如何将 next.js 应用程序部署到 Gitlab/Github Pages？

Question

我有一个 pages/index.js，当我在本地运行 next 时，它在 localhost:3000 可用。

我想运行 next build && next export 并将此页面部署到 Gitlab Pages。由于 Gitlab 页面(或 Github 页面)的工作方式，https://my-username.gitlab.io/my-nextjs-project/ 应该可以访问我的页面。但是由于 URL 中出现的 /my-nextjs-project/ 段，我无法将我的应用程序成功部署到 Gitlab Pages。

如果这是一个简单的 React 应用程序，我会在 webpack.config.js 中设置 output.publicPath。 next.js 中 output.publicPath 的模拟是什么？或者，您知道部署到 Gitlab/Github Pages 的公共(public)项目以便我检查它们的配置吗？

谢谢!

Answer 1

在您的 next.config.js 中添加 assetPrefix。将其设置为 assetPrefix: 'test' 将测试所有内容

module.exports = {
  // some configuration
  assetPrefix: isProduction ? '/{reponame}' : '',
  // another configuration
}

希望这对您有所帮助，这里有一个来自 Next.js 的链接，介绍如何将其部署到 GitHub 页面。 https://github.com/zeit/next.js/wiki/Deploying-a-Next.js-app-into-GitHub-Pages