如何將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頁面？

回答

相關問題