node express服务器上React应用程序-如何路由
在Node Express服务器上，如何路由React应用程序？
在Node Express服务器上路由React应用程序需要以下步骤：
- 首先，确保已经安装了Node.js和Express框架。
- 创建一个新的Express应用程序，并在项目根目录下安装React依赖项。可以使用以下命令来创建一个新的Express应用程序：
- 创建一个新的Express应用程序，并在项目根目录下安装React依赖项。可以使用以下命令来创建一个新的Express应用程序：
- 这将创建一个名为"myapp"的新Express应用程序。
- 进入项目目录并安装React依赖项：
- 进入项目目录并安装React依赖项：
- 创建一个React组件，例如"App.js"，并在其中定义你的React应用程序。
- 在Express应用程序的主文件（通常是app.js或index.js）中，导入所需的模块：
- 在Express应用程序的主文件（通常是app.js或index.js）中，导入所需的模块：
- 设置静态文件目录，以便Express可以提供React应用程序的静态资源：
- 设置静态文件目录，以便Express可以提供React应用程序的静态资源：
- 创建一个路由处理程序，用于将所有请求发送到React应用程序的主页：
- 创建一个路由处理程序，用于将所有请求发送到React应用程序的主页：
- 这将捕获所有请求并将它们发送到React应用程序的主页。
- 在React应用程序的主页（通常是public/index.html）中，确保正确引入React应用程序的脚本：
- 在React应用程序的主页（通常是public/index.html）中，确保正确引入React应用程序的脚本：
- 启动Express服务器：
- 启动Express服务器：
- 现在，你的Node Express服务器上的React应用程序已经可以通过路由进行访问了。
这是一个基本的示例，你可以根据自己的需求进行定制。如果你想了解更多关于Node Express和React的路由配置和最佳实践，可以参考以下链接：
- Express官方文档：https://expressjs.com/
- React官方文档：https://reactjs.org/
- 腾讯云相关产品和产品介绍链接地址：暂无
相关·内容
我已经使用ReasonReact中提供的特性实现了路由。看起来像是。它工作得很好，直到我让node.js express服务器为它提供服务。它仍然会路由，但当我刷新时，我会得到例如cannot GET /about。服务器似乎正在尝试为不存在的目录或文件提供服务。我曾尝试将挂载路径从"/"更改为"*"，但无济于事。有谁知道如何在由Node.js Express服务器<
浏览 2提问于2018-03-10得票数 0
我在node中有一个简单的express服务器：const path = require('path')/
/hom
浏览 3提问于2018-02-19得票数 0
3回答
因此，我正在尝试将我的React应用程序连接到快速路由-到目前为止，对于我的服务器，我已经 const express = require('express');
const app = expressapp.listen(port, () => console.log(`Server started on port ${port}`)); 我希望能够转到localhost:5000/test并显示我的create-react
浏览 25提问于2020-01-28得票数 0
回答已采纳
1回答
我正在构建一个使用passport的facebook身份验证的node + react应用程序。要使此身份验证起作用，需要使用快速路由'/auth/facebook‘。不幸的是，一旦react应用程序加载，react路由器4就不允许链接直接命中express服务器，而是搜索与“auth/facebook”匹配的react路由。简而言之，当我使
浏览 0提问于2017-11-13得票数 0
我构建了一个nodejs应用程序，它使用快速路由连接到监听本地端口的mlab上的mongodb。我用nodejs构建了一个React应用程序，它在另一个端口上侦听。如何让React应用程序对数据库进行文档读写？有什么教程或指南吗？
浏览 4提问于2018-11-29得票数 0
2回答
因此，我尝试使用带有Express、Jade和mySQL DB的Node.js服务器。所以据我所知，Node负责后台，Express负责前端渲染，而Jade…前端也一样吗？所有这些新的东西都超载了，我仍然在阅读关于Amber，React，Meteor，Firebase等的文档。有没有一个网站将所有这些都记录在一起，以及它们是如何组合在一起的？
浏览 2提问于2015-06-28得票数 0
2回答
我正在开发一个非常简单的应用程序(我的第一个)，但是我不知道如何同时启动API和react服务器.我已经在谷歌上搜索过了，但我似乎能找到关于这一点的任何东西(既没有证实也没有反驳)。
有人对此有意见吗？
浏览 5提问于2017-11-17得票数 4
回答已采纳
我在我的应用程序中使用reactjs作为前端技术。我需要使用nodejs作为服务器端编程。我设置了reactjs应用程序，它生成了项目结构和package.json，然后我安装了express，npm本身已经将它添加到了package.json中。我在应用程序中为服务器端代码创建了一个server目录。name": "rock-paper-scissors-app", &
浏览 1提问于2017-06-17得票数 1
回答已采纳
我需要使用一个node.js服务器设置2个ReactJS应用程序。ReactJs应用程序是使用create-react-app创建的。一个应用程序具有另一个应用程序的超链接。一旦用户单击该链接，另一个应用程序就会加载，反之亦然。
浏览 0提问于2018-03-15得票数 0
我正在使用react js构建一个web应用程序，我想在我的项目中为客户端创建一个服务器，所以我使用express或http，我尝试了以下代码 import React from "react";const app = express();
class A
浏览 24提问于2021-02-01得票数 1
回答已采纳
4回答
连接前后端MERN堆栈
、、、
react客户端如何通过express连接到服务器？许多教程都在谈论Superagent和axios，这让我更加困惑。在react的上下文中有关于服务器端路由的资源吗？谢谢
浏览 1提问于2018-04-12得票数 0
我创建了一个有node.js服务器的MERN应用程序。首先，要在Heroku上托管网站，我必须使用、npm、run build创建一个构建文件夹。之后，我必须将其添加到服务器中的入口点文件中。但是当我将这个站点上传到Heroku上时，我发现主页工作得很好，但是当我路由到其他页面时，出现了一个错误，它说应用程序中发生了一个错误。然后，从理论上讲，我用本地计算机重新运行后端，因此前端也被托管。前端是通过这个代码连接到后端的。
app.use(exp
浏览 1提问于2022-05-13得票数 0
2回答
我正在使用javascript(React)来创建一个使用多个app (Spotify、Twitch、Youtube)的web应用程序，到目前为止，我一直在使用Axios成功地进行其余的调用。但是现在我已经开始遇到跨源资源共享(CORS)错误，并且有人告诉我，我需要从服务器而不是从我的客户端调用外部API。我从未从服务器发出API调用，并有一些问题：
我所做的一切都是在本地使用Node运行，而且我没有“服务器”，除非Node就是这样计算的。我需要一个“服务器
浏览 0提问于2019-06-24得票数 2
回答已采纳
1回答
我试图从Nodejs提供我的react，但是我得到了一个GET错误，这很奇怪，因为当我运行npm和运行react脚本时，所有的操作都很好，但是一旦我使用了node.js，它就不能工作了。此外，如果我通过键入路径或试图向后导航到路由，则会引发错误。例如，当您第一次导航到主页时，它会将您带到一个登录页面，如果我转到另一个页面，然后再回击，它会抛出一个GET错误，即使它事先有效。Node.js服务器
const express = require('expr
浏览 4提问于2021-06-13得票数 1
回答已采纳
其中之一是节点中的应用程序入口文件serverjs、app.js或index.js。我想知道它们到底是什么？我的意思是我知道他们正在启动服务器。但是为什么我在这个文件中看到一些人需要库和使用中间件。这应该是一个调用我们应用程序中其他地方定义的所有函数的文件吗？我非常好奇地想知道这件事的细节。
对资源的任何帮助或指导都将受到高度赞赏。
浏览 0提问于2021-08-03得票数 0
我使用react js创建了一个前端应用程序，它在后端调用express node js api，在localhost中我没有问题，因为它在localhost上运行，但当我在plesk服务器上部署它们时，我不知道如何从我的react js应用程序调用express api。1.如何在plesk服务器上运行生产中的express node<
浏览 19提问于2020-05-12得票数 0
我有两个独立的应用程序:一个是我在Node和Express中的API，另一个是我在React和React Router中的前端。通常，在开发较小的应用程序时，您可能会将服务器代码与客户端代码放在相同的代码库中，但在这种情况下，它们是单独的代码库。我正在尝试允许passthrough在路由不匹配的情况下从Express反应路由器，我们传统上是这样做的：
app.get('*', f
浏览 19提问于2017-12-17得票数 0
1回答
我是一个流星用户，我想知道表示和反应路由器Dom之间的区别。当我使用meteor时，我会呈现一个包含浏览器路由器和路由的组件。但我有点搞不懂为什么人们在使用react路由器Dom时使用的是。请解释两者的不同之处，以及它们将如何被不同的使用。
浏览 4提问于2017-10-23得票数 0
回答已采纳
我想知道如何在服务器端呈现的React应用程序的子文件夹下实现静态页面。目前，我有my-app.com和blog.my-app.com，前者托管我的服务器端渲染的React应用程序，后者托管一个由静态页面提供支持的博客。
浏览 11提问于2016-08-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
