Nuxt 应用程序 - 客户端和服务器文件分离 - 如何部署到 Heroku？

Question

按照 Nuxt 的课程，我在创建此应用程序时选择了 SSR 路线，将 admin、client 和 server 分离到各自的文件中.这是文件结构：

- amazon-clone
    - admin
    - client
    - server

课程资料不包括推送到 git 或部署到 Heroku。

我已按照 Nuxt 和 Heroku 文档的步骤进行操作，但是因为每个文件都有自己的 package.json 和 nuxt.config.js，我觉得这不起作用。正如 Heroku 所期望的那样，根文件夹中有一个 package.json？

当client、server 和admin 分开时，将应用部署到heroku 的最佳做法是什么？

存储库：https://github.com/TomBell95/amazon-clone

Heroku 部署步骤：

• 过程文件：web: npm start
• package.json:"heroku-postbuild":"npm run build" "engines": {"node": "14.x"}

heroku buildpacks:set heroku/nodejs
heroku config:set HOST=0.0.0.0
heroku config:set NPM_CONFIG_PRODUCTION=true

我发现了类似的问题，但没有具体的Nuxt（例如How to push both the client side and server side project folders together as a one project (api + front end) on github?）。

Answer 1

我真的不明白将所有这 3 个分开的目的。

从未见过这种项目结构和tbh，我什至不知道如何正确托管它。
最后，有一个后端。因此，您可能可以拆分后端（将其托管在 Heroku 上）和前端（将其拆分在前端）。如果您正在学习 Nuxt，这可能不是正确的选择，因为它从一开始就没有使用通用结构。

我可以推荐：

• Nuxt.js - Vue.js on Steroids，我前段时间拍了这个，Max做的，老师很棒，内容很多
• Mastering Nuxt 由 Nuxt 大使和他的团队完成。它非常完整，有很多好的做法

这些都是你可以关注的好资源，是众所周知的好资源。