问题标签 [react-fullstack]

我只是在练习使用 Node（Express + GraphQL 连接到 MongoDB Atlas 云服务上的 MongoDB 数据库）和 React 构建一个全栈项目。我已将我的 Node (Express) 服务器文件放在一个server文件夹中，并将 React 应用程序放在一个client文件夹中。

这是我的项目目录概述：

在我的server文件夹内（Node + Express 服务器）：

在我的client文件夹中（React 应用程序）：

显然我没有事先考虑如何最好地构建项目文件和文件夹（考虑到下面的两个问题）。所以我有以下两个问题：

1-我知道没有一种做事方式，但考虑到这个项目的简单性，它只有我一个人开发。考虑到 git 版本控制（即根目录中的 1 个 git repo 以跟踪所有更改（但是我必须将 gitignore 文件放在每个和client它会工作吗？）或者在每个和文件夹server folders中都有git repo ？serverclient

2. 鉴于服务器应用程序app.js不在 HerokuProcfile检测的根目录中，如何最好地解决这个问题？

我已经阅读了一些以前的论坛，但它们有点旧，所以我不知道从那以后情况是否发生了变化。

我对 WSL2 很感兴趣，想知道我是否可以将它用于使用 LAMP、Node 或 Python 的全栈 Web 开发。我有一个带有 linux 的双启动，我有一个灯堆栈。我唯一关心的是在浏览器上显示该站点。例如，假设我在 wsl2 中创建了一个 React 应用程序，并使用 Visual Studio 代码 WSL 来管理它。这是如何在 wsl2 的浏览器中构建和显示的？

提前感谢您的解决方案。

我想使用 React Hooks 将 React 前端框架与我的后端 express.js 和 EJS 连接起来。但是在 express 中，当我们使用 npm start 和 React 在本地主机上启动我们的服务器时，我们在向我们的服务器发出请求时使用 app.get()。如何将它们连接起来，正确和准确的方法是什么，我需要掌握哪些知识，然后如何使用 Heroku 部署它们？

这是我的代码：

我正确地获取了 fetchedData，当我记录它时，我得到了我从另一个文件传递的预期对象。但是当我尝试控制台日志时，当我调用 handlePlaceChange 函数时出现此错误。

未处理的拒绝 (ReferenceError)：数据未定义。

但是数据是定义的，它是一个状态变量！！！！

应用程序.py

liveplotframe.html

因此，现在如果图像是由 base64.b64encode() 编码的单个图像，则此方法有效

但是，我似乎无法让它适用于此类图像的列表或字典。在 app.py 我想 render_template('liveplotframe.html', list_of_images=liveclass.get_plots())

然后在我的 html 中插入一个为每个创建图像的脚本。

有没有一种简单的方法可以做到这一点？我正在使用烧瓶。

package.json 文件：

所以我可以同时运行两个 nodejs 服务器并做出反应。要么 withnpm run server和npm start要么 just with npm startwhich 包括两者

但是因为我在 .env 文件中都有 PORT=3001 服务器和反应尝试在 3001 服务器上运行。当然，它会给出错误“端口 3001 上已经有东西在运行”。

我怎样才能让反应有自己的端口 3000？选项 --port 3000 没有帮助

我的 package.json 文件是

我在节点 app.js 中创建的路由器是

但是当我运行 cypress test 它抱怨没有这样的路由器。如何在调用 npm run cypress:open 命令时制作 NODE_ENV=test？

以及如何通过 console.log(process.env.NODE_ENV) 查看是否将其传递给 cypres 进程？

当我运行我的代码时，应该将我的数据库连接到我的节点服务器，但没有任何结果。

这是我收到的输出。

我正在开发一个 Web 应用程序，我的一个用例是让用户能够从服务器上传和下载文件。我正在使用 ReactJs 和 Spring Boot。

前端代码：

后端代码：

当用户单击下载时 - 文件确实下载并且看起来格式正确，但是当每个应用程序尝试打开文件时，我都会遇到文件格式不受支持或文件损坏等错误。

文件数据作为字节数组存储在 MySQL 数据库中。我尝试了多种不同的方法来下载文件，但每次都遇到相同的错误。任何帮助将不胜感激！

我最近开始使用 Heroku 进行部署。到目前为止，我只用它来部署相当简单的前端反应应用程序。但现在我正在尝试部署一个使用 JSON 服务器作为后端的全栈反应应用程序。在开发过程中，我使用了并发来同时运行 JSON 服务器和 React 应用程序。我不确定如何为其创建静态构建并将其作为单个实例部署在 Heroku 上，因为 JSON 服务器和 react-app 是两个独立的进程。这里的任何帮助将不胜感激。谢谢你。

项目的 Github 链接 - https://github.com/Syndicate555/IT-Logger

包.json 文件

文件结构