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

时间:2017-07-17 10:35:21

标签: javascript next.js

当我在本地pages/index.js运行时,localhost:3000可以使用next

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

如果这是一个简单的React应用,我会在output.publicPath中设置webpack.config.js。 next.js中output.publicPath的类比是什么?或者,您是否知道部署到Gitlab / Github Pages的公共项目,以便检查其配置?

谢谢!

1 个答案:

答案 0 :(得分: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