如何将next.js应用程序部署到Gitlab/Github页面？

我有一个pages/index.js当我在本地运行next时可在localhost:3000。如何将next.js应用程序部署到Gitlab/Github页面？

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

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

谢谢！

来源

2017-07-17 awho

您可以分享您正在使用的** .gitlab-ci.yml **文件将您的应用程序部署到Gitlab Pages吗？ – Ishan

对不起，我迟到的回应。如果它仍然与你有关，这是用于部署到Gitlab Pages的.gitlab-ci.yml的一部分（但最终因为我上面问题中描述的问题而最终部署到Heroku）：'pages： stage：部署脚本： - 泊坞窗拉$ CONTAINER_TEST_IMAGE - 泊坞窗运行-i --rm -v $ PWD /市民：/ usr/src目录/应用/编译$ CONTAINER_TEST_IMAGE丝线行进建设文物：路径： - 公共只： - master' – awho

在你的next.config.js中添加assetPrefix。达将其设置为assetPrefix：“测试”将会把所有被测

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

来源

2018-02-14 15:01:00

谢谢@ArnavBorborah我相信我根据您的反馈更正了我的答案 –

如何将next.js应用程序部署到Gitlab/Github页面？

回答

相关问题