【问题标题】:Difference between create-react-app with backend node.js server and create-react-app without setting up node.js server带有后端 node.js 服务器的 create-react-app 和不设置 node.js 服务器的 create-react-app 之间的区别
【发布时间】:2020-08-16 11:43:40
【问题描述】:

从 udemy React 课程中,我可以看到 Brad Traversy 使用带有 node.js 后端服务器的 create-react-app 和 Andrei Neagoie 仅使用 create-react-app 而没有 node.js 服务器来开发全栈产品。

我很困惑何时使用什么?

谁能解释一下这两种情况?请问?

【问题讨论】:

    标签: node.js reactjs express redux create-react-app


    【解决方案1】:

    这主要与您希望如何构建代码有关。您可以:-

    1. 一起设置您的前端和后端代码。因此,在 package.json 中的脚本标签中,您将有类似“nodemon server.js && react start”(请参阅​​ package.json 以了解确切语法)的内容来使用“npm start”启动前端和服务器

    2. 分别设置前端和后端。 这是分离关注点的首选。在这种情况下,您将分别启动每个。

    此外,您的前端不应该关心您的后端代码是如何编写的。它应该只使用 API 处理后端。 例如:如果将来您想更改为 Deno.js 而不是 node.js 服务器,如果您将前端和后端代码一起写在文件夹中,您将在 package.json 中进行一些修改。

    就部署而言,在这种情况下,如果您将前端和后端代码分开保存,这样您就可以单独部署它们,这将有所帮助。

    【讨论】:

    • 非常感谢。所以实际上 create-react-app 默认情况下不需要后端服务器设置。 create-react-app 本身充当后端。对?这只是为了确认我的理解。
    • 不! create-react-app 只给你前端代码。您可能认为服务器正在您的机器上运行,但该服务器仅托管您的 html、css、javascript。 Andrei 稍后在课程中使用 node.js 创建后端代码,并为此使用不同的存储库
    【解决方案2】:

    前端使用React,后端使用node.js。

    我认为你很困惑,因为一个是使用 node.js 的 react 而另一个是单独使用 react。

    React 可以用于 node.js 以外的其他后端,例如 php。 这意味着您可以使用 react/php 创建一个应用程序。

    Brad Traversy 将 create-react-app 与 node.js 一起使用的原因是他想将 node.js 用于他的后端。
    虽然 Andrei Neagoie 使用没有 node.js 的 create-react-app,因为他要么:

    1. 不想使用任何后端。
    2. 他稍后会添加后端。

    【讨论】:

    • 这在一定程度上帮助了我。谢谢。但是你能帮我解决这个问题吗?我只使用 create-react-app 开发了 Andrei 课程,没有任何后端服务器设置并将其发布到 heroku。如果没有后端服务器,这怎么可能工作?
    • 这里是关于 blog.heroku.com/deploying-react-with-zero-configuration 的 heroku 博客,希望对您有所帮助。
    猜你喜欢
    • 2018-01-30
    • 2019-05-30
    • 2018-07-16
    • 2023-03-28
    • 1970-01-01
    • 1970-01-01
    • 2020-12-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多