如何在react.js前端使用带有mysql的node？
在React.js前端使用带有MySQL的Node.js，可以通过以下步骤实现：
- 首先，确保已经安装了Node.js和MySQL数据库，并且已经创建了一个数据库和相应的表。
- 在React.js项目的根目录下，打开终端并运行以下命令安装所需的依赖：
- 在React.js项目的根目录下，打开终端并运行以下命令安装所需的依赖：
- 在React.js项目的后端目录下，创建一个名为
server.js的文件，并在其中引入所需的模块： - 在React.js项目的后端目录下，创建一个名为
server.js的文件，并在其中引入所需的模块： - 在React.js项目的前端代码中，可以使用
fetch或axios等库来从后端获取数据。例如，在组件的componentDidMount生命周期方法中发送GET请求： - 在React.js项目的前端代码中，可以使用
fetch或axios等库来从后端获取数据。例如，在组件的componentDidMount生命周期方法中发送GET请求：
以上代码示例了如何在React.js前端使用带有MySQL的Node.js。其中，Node.js作为后端服务器与MySQL数据库进行连接和查询，React.js作为前端通过API路由从后端获取数据并进行展示。请根据实际情况修改MySQL连接配置、API路由和前端代码。
相关·内容
所以我有一个项目，我想使用react.js作为我的前端，使用带有mysql的节点作为我的后端。有什么指南或例子可以帮助我做到这一点吗？我知道如何在mysql中使用node，但在连接到react.js前端时遇到了问题。来自angularjs的背景，什么等同于使用https？有没有什么我可以参考的例子呢？
浏览 9提问于2016-08-20得票数 0
我正在部署一个React.js前端(用create app构建)和一个后端(带有连接到Cloud的CRUD )。
这是个好办法吗？
React.js前端是默认的服务.
后端API是后端服务。
我熟悉部署到Heroku，它有前端和后端在不同的端口。这对有用吗？
这都是用Node.js写的。
浏览 1提问于2018-08-06得票数 4
我正在开发一个现有的Next.js web应用程序，我想添加DocuSign Node.JS SDK来使用JWT并为我的前端应用程序生成一个令牌。Next.JS应用程序托管在Vercel上，Vercel可以运行无服务器功能。
我在构建Node.JS端点以获得调用esignatures的JWT令牌时遇到了问题。有人知道如何将JWT工作流集成到Next.JS/React.JS应用程序中吗？
浏览 10提问于2021-12-07得票数 0
回答已采纳
使用Docker-compose，我想构建3个容器:后端(node.js)、前端(react.js)和MySQL。 version: '3.8'
services:
backend:
container_name: syberiaquotes-restapi
build: ./backend
env_file:
- .env
command: "sh -c 'npm install && npm run start'"
ports:
- '3000:3
浏览 67提问于2021-02-11得票数 1
我正在制作一个使用Node.js/Express后端和React.js前端的web应用程序。现在，我的Node.js代码在localhost:5000上运行的单独文件夹中验证了登录/注册凭据，而我的React.js前端登录/注册表单代码则运行在localhost:3000上。
我的问题是，将我的前端和后端代码放在一个文件结构中是否更容易，这样我就不必将数据从表单发送到运行在另一个域上的后端，例如，我的Node.js和React.js代码将运行在localhost:3000上，只需将表单信息发送到验证用户凭据的Node.js文件，而不必使用获取方法将表单数据发送到后端。这有可能吗？
浏览 7提问于2022-01-25得票数 1
我将使用WebStorm IDE完成一个完整的堆栈实现。为此，我使用react.js和。我可以在不同的项目中做到这一点。但是我想知道如何在配置端口的同时在WebStorm项目中实现后端和前端。
在启动前端时，我们可以在package.json文件中在"start": "parcel index.html"下提供start html文件。在启动后端时，我们可以给出"node app.js"，但这可以在两个不同的项目中执行时完成。
但是，如果我们同时做前端和后端，那么如何在两个不同的端口上启动部分和节点表示部分呢？例如：
react app &g
浏览 0提问于2019-05-30得票数 1
回答已采纳
1回答
我有购物应用程序，按地址列出商店。目前，用户地址是5个字段:建筑物编号和街道名称，城市，州，邮政编码和县。 我现在想在前端有一个地址字段，以便能够添加自动完成功能。但是将地址存储在上面的字段中。 我使用react.js作为前端。
浏览 25提问于2019-02-21得票数 1
我的javascript项目由两部分组成:前端(React.js)和后端(node.js)。我想知道如果我只将Keycloak集成到前端，后端是否也是安全的？或者我应该尝试将它集成到这两个系统中？
浏览 1提问于2020-07-17得票数 1
2回答
我正在react.js中开发一个简单的前端，在node.js中使用一个后端。目前，我正在编写一个应该工作的登录，如下所示：
前端将用户名和密码发送到后端。
获取后端所有以下请求所需的令牌
现在，我前面的所有文件都应该看到所获得的令牌，这样他们就可以在需要时使用它发送请求，考虑到我的React.js前端中的所有组件都不是Login的子程序，我如何做到这一点？我应该做一个全局变量吗？如果是，怎么做？提前谢谢你
浏览 6提问于2021-02-10得票数 0
在学习了Laravel基础和React.js基础之后，我想构建一个应用程序，它使用Laravel作为后端，使用React.js作为前端。更好的做法是在Laravel应用程序中加入带有手工用户界面的React.js，还是在两个单独的存储库中这样做呢?一个是由Laravel构建app并将其包含在一个addon域中，例如，它将充当后端网站，如果被公众访问，就会重定向到React.js应用程序，而在主域(如 )上，React.js应用程序将用于公共领域，只需通过获取数据。那么，哪种方式更好，因为我正在开发前端和后端，我还计划学习和开发使用相同Laravel后端的本地移动应用程序？
浏览 5提问于2022-02-24得票数 1
1回答
我正在开发一个电子商务应用程序，它的前端是React.js，后端是Node.js/Express.js。但是，我如何为自己创建一个仪表板来添加/删除/编辑应用程序的项目呢？如果我创建另一个React.js应用程序作为管理应用程序并向后端发送请求，那么将有两个前端用于一个后端。我怎样才能把他们部署到Heroku？因此，请建议我最好的方法来创建一个仪表板，而不使用任何外部库。
浏览 2提问于2019-05-14得票数 1
回答已采纳
我需要限制用户从多个设备登录。我在前端使用react.js，在后端使用node.js。处理这项任务最合理的方法是什么？
浏览 15提问于2021-02-20得票数 0
1回答
在数据库中，我有缓冲区类型的图像，如何将缓冲区数据转换为图像并在前端显示图像。 后台在node.js sequelize MYSQL中制作。 和react.js中的前端 服务器上的it is response date from server. Image its an object of image get请求 router.get("/", validateToken, async(req,res) => {
const UserId = req.user.id;
console.log(UserId)
const listOfCollect = awa
浏览 22提问于2021-08-19得票数 0
我是在学习了使用React.js的Node.js之后开始学习Node.js的。但我不知道如何链接我的后端应用程序到前端反应文件？有人能给我一个简单的解决方案吗？
浏览 2提问于2021-07-08得票数 0
回答已采纳
我使用Apache作为我的前端VPS / NGINX作为带有react.js前端的node.js / django应用程序的后端VPS。 我正在尝试从相同的VPS运行我的应用程序，但从不同的位置运行:例如： https://myapps/app1
https://myappps/app2 以前，我通过在应用程序的路由器中添加位置来解决这个问题-然而，我不确定这是否是最好的方法。我真的可以在NGINX或Apache的VPS配置中添加位置吗？ # nginx.default
server {
listen 8020;
server_name example.org;
浏览 26提问于2021-01-27得票数 0
回答已采纳
我正在构建一个后端为Laravel、前端为React.js的应用程序。如何在BigRock或GoDaddy中托管应用程序？我找了2天，没有找到任何相关的东西。请帮帮我！！
浏览 4提问于2019-06-10得票数 0
我正在编写一个调用ASP.NET Web API后端的React.js前端。对于跨站点脚本的原因，我需要在同一个域的前端和后端托管。
通常这很好，但是当我开发我的react.js站点时，我通过在上运行前端的node/npm命令行来运行它。
但是我的后端Web API也需要启动，在本例中，它在上的IIS中运行。
因此，至少在开发中，我不能将它们作为相同的域运行，因为react.js在命令行运行器中运行，每次应用程序发生变化时都会重新编译它。当然，当我在prod中运行时，我知道我可以将其构建为prod-ready格式。但对于开发，我是即时编译功能，以获取即时更改。
我怎么才能避免这个问题呢？(我不
浏览 1提问于2017-07-10得票数 0
1回答
我已经创建了我的完整堆栈(Node.js和React.js)博客应用程序，现在当我想部署我的前端(当然是后端)时，我已经注意到，我不知道如何正确地完成它。
当我使用localhost时，我的应用程序工作得很好，但是如果我部署它，我的链接将不是"localhost:8080/api/blablabla"，而是一些heroku段塞(url)和我的Node.js路由。
在我的Node.js中，它看起来如下：
下面是我的app.js代码：
从React.js (前端侧)看，如下所示：
所以，问题是我需要补充什么。我想，在反应(正面)时，我必须有点像env。
浏览 3提问于2022-07-27得票数 0
3回答
下面的代码执行来自react.js前端后端node.js的rest调用，但是当我执行在后端错误上看到的rest调用时:非法参数未定义的，为了弥补这一点，我尝试在postman中进行rest调用，所有操作都正常工作，错误在哪里？
前端React.js:
import axios from 'axios';
import server from "../../../config/config";
import qs from 'qs';
restlogin(email,password){
const data = { '
浏览 5提问于2020-10-22得票数 0
I在前端有React.js (而不仅仅是SPA)应用程序，后端有Node.js应用程序。i有支付页面(在React.js上)。我有在JSP.上编写的支付模块。
我需要做的是：
在支付页面上，我选择订阅计划。在付款后打开页面，选择订阅计划价格。。
让两个不同的应用程序协同工作的最佳方法是什么？
浏览 3提问于2021-03-23得票数 0
2回答
如何让node.js运行你的react.js前端？
server.js
var express = require('express');
var path = require('path');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var mongoose = require(
浏览 12提问于2016-08-23得票数 0
回答已采纳
3回答
假设我用node.js构建了一个后端。我还构建了一个仪表板，它用python显示分析过的数据集(海运或matplotlib等)。前端是用react.js构建的
是否有可能将python代码与JavaScript代码集成，以便在网站上可以看到仪表板？
浏览 7提问于2021-09-24得票数 0
回答已采纳
2回答
我有一个Django REST框架API，我有一个问题--与服务器的连接没有加密。是否有加密服务器及其连接的方法？我使用Django作为后端，使用React.js作为前端。
浏览 3提问于2022-05-01得票数 0
回答已采纳
我使用带有react.js的node.js作为我的模板库。我可以通过使用node的res.render(..)在服务器端呈现我的组件，但是我希望通过使用react.js在客户端呈现它们并调用onclick处理程序来动态呈现我的组件。我用.jsx格式定义了我的组件。如何在客户端与浏览器交互并动态呈现我的react组件？
浏览 1提问于2016-04-18得票数 3
我最近使用javascript创建了一个自定义的hyperledger fabric 2.2区块链网络，并希望使用node.js API将其连接到React.js前端。我尝试过搜索一些示例，但它们大多在hyperledger fabric 1.4上
对于这个特定的案例，有没有可以帮助我的示例/示例？谢谢!
浏览 0提问于2020-12-19得票数 1
我希望重写一个旧的网站，使用React.js为我的前端框架和PHP的小后端的东西，我可能需要。
我使用的服务器是带有Apache的IIS，但是我很少/没有SSH访问/能力来在机器上安装东西(例如npm、node等)，所以我只能使用PHP作为后端(所以我不能构建/编译我的React JSX服务器端)。但是，我不能简单地将构建/编译的react文件上传到服务器吗？
我见过，但我不完全确定我是否需要它？
基本上，我的问题是，将这两者结合使用是否可行？我还需要其他工具来完成这项工作吗？(这个网站可能会很小。)
浏览 2提问于2015-07-11得票数 23
1回答
我有一个react.js网站，后台在Azure上托管的Node/express，现在这个项目是单块的，每次我改变前端或后端，所有的东西都会重新部署到生产中。我想要实现的是，每当我在github上推动更改时，能够独立地部署前端和后端，但如果它们都受到影响，则将它们一起部署，以避免不一致。您知道实现这一目标的最佳实践或服务吗？谢谢
浏览 2提问于2020-09-21得票数 0
回答已采纳
我正在开发这个包括几个页面的web应用程序。我真的知道它是否更好地处理后端路由器(Node.js)或前端路由器(React.js)，或者两者兼而有之(我在互联网上不明白)。例如，我如何使用登录页面(这将重新直接在用户区域)。谢谢
浏览 6提问于2022-07-17得票数 0
回答已采纳
我有一个Mysql，其中的表必须管理表中的时区。
global.time_zone和session.time_zone是UTC。
我将给出一个简单的例子，我想提出一些条件。
我有五个不同的"IP"：
例如：
“1.1.1.1”
“1.1.1.2”
“1.1.1.1.3”
“1.1.1.1.4”
“1.1.1.1.5”
我有一个专栏"updated_at“(DateTime)
现在，我想提出以下条件：
IP 1= GMT
IP 2= GMT+1
IP 3= GMT+2
IP 4= GMT+3
IP 5= GMT+4
浏览 0提问于2019-09-22得票数 0
4回答
我正在构建一个应用程序，使用docker-组合(文件1)，我想知道我如何能够通信主机IP地址到坞-撰写文件。应用程序由db、前端和后端组成。它的目的是，我想从本地网络上的其他计算机访问我的应用程序。它对前端工作很好，但当我想与后端沟通时，它不再工作了。我怀疑这是因为前端试图将数据发送到本地主机(对于本地网络上的另一台计算机来说，这不是正确的)。因此，我想与前端应用程序直接通信主机的IP地址，这样它就可以与后端通信了！知道吗？
文件1
version: "3.7"
services:
db:
build:
con
浏览 6提问于2021-01-28得票数 3
我正在尝试开发一个带有React、MySQL和Node.js的网站。我是个初学者。我已经完成了前端部分，需要创建数据模型和apis来与数据库交互。我对该怎么做感到困惑。如果我连接到本地计算机上的MySQL服务器，如何在AWS上启动该网站？
浏览 2提问于2020-12-29得票数 0
回答已采纳
我正在构建一个完整的堆栈web应用程序。目前，在我的头脑中，它的工作方式是一个烧瓶api框架将负责与数据库说话。然后用Node.JS构建一个前端，并在此基础上构建React.JS。然而，从我所发现的情况来看，似乎没有必要使用Node。我想我的问题是，在这个构建框架中节点是必需的，还是应该响应调用Flask后端？我对Node很陌生，所以任何建议都是有帮助的。
浏览 1提问于2022-07-14得票数 0
1回答
我有一个用react.js，node.js，PostgreSQL构建的应用程序。我想在某个地方托管一堆图像，并将它们的链接存储在我的数据库中。To前端将检索这些图像并显示它们。我尝试了，例如：和谷歌照片，但他们提供的链接有一些界面，不能直接显示在标签中。我可以使用哪些免费服务？
浏览 16提问于2021-02-13得票数 0
1回答
基本上，我使用react.js作为前端和node.js/press.js作为后端来存储和访问我的数据库(MySQL)中的数据。我还使用JAVA创建了自己的api，通过基本身份验证从外部源(如JIRA )获取数据。我想知道这是否是一个好的“结构”，以便从jira获取数据，将其显示在表中并存储在我的数据库中。现在我的另一个要求是，我运行3台本地主机服务器来实现这个功能，如果我想将所有这些都部署到一个web服务器中，它会使我需要运行3台服务器吗？我从来没有部署过任何东西所以我最关心的是。谢谢
浏览 0提问于2018-10-25得票数 0
回答已采纳
1回答
因此，我和我的朋友正在开发一个MERN Stack应用程序，我正在开发后端(Node.js)，他正在开发前端(React.js)。我们来自不同的地方，我的问题是他如何访问我的本地主机服务器，从而点击我的API。为我提供所有可能的解决方案，以便他可以随时使用我的API。
浏览 19提问于2018-09-05得票数 5
回答已采纳
我已经在我的nodejs应用程序中安装了ReactJs模块，因此React出现在node_modules目录中。但是我不能在客户端javascript中使用它，因为没有引用。
那么，添加这样一个引用的最佳方式是什么呢？(当然，我可以手动地将react.js脚本复制到脚本文件夹中，并手动添加引用，但是它会导致代码复制，看起来很难看)
浏览 3提问于2015-03-02得票数 3
回答已采纳
1回答
我想建立一个应用程序，这将使用node.js，socket.IO和mysql和php的技术，该应用程序将包括一个管理系统，其中使用php和mysql，该应用程序还将包括一个前端页面，其中使用超文本标记语言和node.js
我在想，有没有可能mysql自动向node.js服务器发送通知，然后服务器把消息拉到前台？
我知道，从管理系统发送消息是可能的，但我只是希望前端监听mysql服务器，任何查询更新都会通知前端，而不是使用管理系统将消息推送到node.js，然后再推送到前端。
浏览 3提问于2012-12-07得票数 0
2回答
我想知道是否有可能将Spring (使用Gradle)与node.js一起用作web服务器，以及如何使用？他们通过JSON通信吗？
我想使用node.js的原因是我想要使用一些模块，如Yeoman (使用角度生成器)、grunt、bower、socket.io等，以及Angularjs (用于路由、控制器等)。
我还想使用sql数据库(mysql或sqlite)，而不是nosql数据库，比如mongodb。
这是如何实现的？我是否只是在我的Spring项目中添加了前端内容的node.js？是否有任何教程我可以遵循或存储库我可以检查？
编辑
我已经查过了，但这并不是我想要的。有没有一种更简单的方
浏览 0提问于2014-04-29得票数 7
回答已采纳
我在我的Node.js代码中为端点使用Knex：
app.post('/admin/west/savings', async(req, res) => {
await knex('savingswest').insert(req.body.savingsData).onConflict('dt').merge()
return 'okay'
})
端点在我的前端(React.js)中如下所示：
axios
.post(`${address}/admin/west/savings`, {
浏览 4提问于2021-05-22得票数 0
我们刚刚建立了一个web应用程序，它使用Flask作为后端，react.js作为前端。我们从Flask (通过static_folder)提供前端服务，并使用“send_ from _directory”返回静态内容的URI。我们希望将此web应用程序作为桌面应用程序提供(即用户可以将其下载为.exe、.dmg或.tar文件，然后双击它以安装所需的库，并启动flask服务器，该服务器也将作为前端服务)。在这一步之后，用户可以输入'0.0.0.0:5000‘登陆前端登录页面。以这种方式交付web-app有哪些可能的方法，或者根本就是可能的？
浏览 1提问于2018-12-05得票数 0
我对Linux服务器和网络相当陌生，我正在尝试为我自己的GitLab设置一个服务器，并托管一个node.js后端和一个React.js前端。
我使用Ubuntu20.04设置了一个Linux服务器，并在那里安装了Gitlab。
我可以用我的内部IP访问我的Gitlab，这很好。我想要实现的是在这个服务器上进行路由，这样我就可以运行几个应用程序。
我试着用"myipaddress/ git“、我的后端带有"myipaddress/api”等等来达到我的git，但是我找不到任何有帮助的东西，也许我只是没有合适的关键字来搜索一个好的旧google搜索。有人知道我可以从哪里开始吗？
浏览 1提问于2022-08-30得票数 0
我正在与Django和React.js合作一个项目。我使用django-restframework从API获得响应，并使用React.js在前端显示API响应。
我有两个Django应用程序，即users和leave，它们有单独的API。
我想在我的users应用程序的React部分调用users API URL，并在前端显示它。
问题是，当我在leave应用程序React.js部分中调用React.js API时，没有得到适当的响应。
浏览 1提问于2017-05-17得票数 0
回答已采纳
我有一个在Heroku上运行的MERN应用程序，它在我的笔记本电脑上运行得很好，但是当我在我的手机或其他设备上运行它时，只有前端(React.js)在工作，后端服务(Node.js)没有被调用来从数据库中检索数据。
我怎样才能解决这个问题？
浏览 3提问于2021-03-19得票数 1
回答已采纳
1回答
将数据从服务器返回到前端
、、、、
您好，我正在构建一个视频上传程序，现在我可以使用POST方法(ajax)将视频从我的前端(React.js)上传到我的后端公共文件夹(Node.js)。我想知道现在如何将其发送回前端，并让视频播放。我想做一个后端的GET方法路线，这行得通吗？(不得不说我对这一部分有点困惑，因为我只习惯于从前到后做HTTP请求……)
如果您能给我指点正确的方向，我将不胜感激。谢谢!
浏览 0提问于2017-04-30得票数 0
我是node.js的新手，在EC2 ubuntu上运行web应用程序，现在，我的团队已经完成了vue.js前端项目，我有完整的node.js express + MYSQL后端，通过从git 后端分支中提取来测试服务器端API (node.js + MYSQL)的连接和设置。前端已经通过监听公共IP地址在本地进行了测试。在EC2上托管服务器端时，现在是时候将前端项目(位于前端分支中)上传到EC2上，以托管前端项目。现在我有两个问题：
我们是否应该将后端和前端分支合并到main？然后克隆main？我已经克隆了我们的项目，但是在后端分支上。这会有冲突吗？
如果在EC2 ubuntu
浏览 2提问于2022-02-17得票数 0
回答已采纳
我在后端使用PHP/MySQL/Solr进行了大部分web开发，在前端使用了Javascript/jQuery/主干。
我已经编写了一些Node应用程序，但使用的是MySQL，而不是许多Node教程/书籍使用的Mongodb/Couchdb。您会开始使用Mongo/Couch而不是MySQL，因为开发Node的大多数人都在使用它吗？MySQL似乎对我很好，我不清楚切换到Mongo/Couch的好处。
现在，我正在创建一个站点，其中的“前端”应用服务器是PHP/MySQL，数字处理服务器位于Node。我之所以坚持使用PHP来为“前端”服务，是因为我非常乐意在我的PHP框架中进行开发。
之所以选择
浏览 1提问于2012-12-29得票数 5
回答已采纳
1回答
我有一个带有Node后端的React前端。我对mySQL使用了sequelize。在may数据库中有一个"company“表，该表具有一个名为"logo”的列，其中存储有logo(图像)。如何为img标签创建URL，以便在UI中显示logo，使其从数据库中动态获取？在这里，我用硬编码的方法来做。 return (
<img className={classes.form} src={`http://localhost:9100/public/images/logo-1604314988682.png`} />
)
浏览 31提问于2020-11-02得票数 0
2回答
我主要是一个LAMP堆栈开发人员，但最近我想进入新的东西，比如MEAN stacks，但我遇到的所有东西都变得令人困惑，有人能帮我弄清楚吗？
因此，我尝试使用带有Express、Jade和mySQL DB的Node.js服务器。所以据我所知，Node负责后台，Express负责前端渲染，而Jade…前端也一样吗？
另外，对于一个普通的堆栈。Angular做前端对吗？那么Express在这种情况下做了什么，它需要像Jade这样的东西吗？
所有这些新的东西都超载了，我仍然在阅读关于Amber，React，Meteor，Firebase等的文档。有没有一个网站将所有这些都记录在一起，以及它们是如何组
浏览 2提问于2015-06-28得票数 0
1回答
node.js程序代码：
var express = require('express');
var path = require('path');
var bodyParser = require('body-parser')
var app = express();
var cors = require('cors');
app.use(express.static(path.join(__dirname,'../client/' ,'build')));
app.use(bodyParser.
浏览 10提问于2018-08-27得票数 0
我正在尝试构建应用程序并将其部署到 OVH 服务器，我的客户不想要云解决方案，他想托管它或在OVH上部署它(他们告诉我OVH支持Node.js)，老实说，我不知道该如何做。
我的项目在开发中做得很好，它是与socket.io和MySql的实时聊天，以及一些名为knex的包，在前端，我使用了React.js (我现在对此没有问题)。
如果需要的话我可以提供更多的信息。thx很多
const app = require("express")();
var cors = require("cors");
app.use(cors());
const server =
浏览 0提问于2021-04-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
