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

Question

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

- amazon-clone
    - admin
    - client
    - server

课程material不包括推送到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 大使和他的团队完成的。它非常完整并且有很多好的实践

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

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

Nuxt app - Client & Server files separated - how to deploy to Heroku?

git

heroku

node.js

vue.js

nuxt.js