如何使用express或http在react中创建服务器？
要在React中使用Express或http创建服务器，可以按照以下步骤进行操作：
- 首先，在React项目的根目录中，使用命令行工具安装Express和http模块。可以使用以下命令来安装这些依赖：
- 首先，在React项目的根目录中，使用命令行工具安装Express和http模块。可以使用以下命令来安装这些依赖：
- 在React项目的根目录中创建一个新的文件，命名为
server.js（或者可以自定义其他名称），作为服务器端的入口文件。 - 在
server.js文件中，引入Express和http模块，并创建一个Express应用实例。代码如下： - 在
server.js文件中，引入Express和http模块，并创建一个Express应用实例。代码如下： - 接下来，可以定义服务器的路由和处理逻辑。例如，可以创建一个GET请求的路由，并返回一个简单的JSON响应。代码示例如下：
- 接下来，可以定义服务器的路由和处理逻辑。例如，可以创建一个GET请求的路由，并返回一个简单的JSON响应。代码示例如下：
- 然后，创建一个http服务器实例，并将Express应用作为回调函数传递给服务器实例。同时，指定服务器监听的端口号。代码如下：
- 然后，创建一个http服务器实例，并将Express应用作为回调函数传递给服务器实例。同时，指定服务器监听的端口号。代码如下：
- 最后，在React项目的根目录中，修改
package.json文件的scripts字段，添加一个新的脚本命令，用于启动服务器。代码如下： - 最后，在React项目的根目录中，修改
package.json文件的scripts字段，添加一个新的脚本命令，用于启动服务器。代码如下： - 现在，可以使用以下命令来启动服务器：
- 现在，可以使用以下命令来启动服务器：
通过以上步骤，就可以在React项目中使用Express或http创建一个简单的服务器。注意，这只是一个简单的示例，你可以根据实际需求进行路由和处理逻辑的编写，并且可以添加其他中间件和功能来满足你的需求。
在腾讯云的产品中，推荐使用以下产品来辅助创建和部署服务器：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，可满足不同规模的应用需求。
- 腾讯云负载均衡（CLB）：实现流量分发和负载均衡，提高服务器的可用性和性能。
- 腾讯云对象存储（COS）：可靠、安全、低成本的云存储服务，用于存储和传输数据。
请注意，以上推荐的腾讯云产品仅供参考，具体选择和配置应根据实际需求和项目要求进行。
相关·内容
如何部署react (创建-React)、Express.js和MySQL？
我试着在cPanel上部署。我必须把它改为生产模式吗？如何访问Express.js上的API？我必须在Express.js上创建子域吗？
因为到目前为止，我只使用兼而有之的库。在React.js上，我添加了一个代理：" proxy "："http: // localhost: 5000"，其中localhost: 5000有一个来自Express.js的端口
Package.json脚本在server.js中
"scripts": {
"client
浏览 0提问于2019-02-18得票数 0
我已经使用用于React的命令npx create-react-app client和用于express后端的npx express-generator api创建了一个React+Express应用程序。客户端和API都在同一个文件夹application下。 react应用程序在端口3000上运行，我已经将express app的端口更改为使用/bin/wwww中的端口8000。 在express应用程序中，我在routes/testAPI.js中创建了一条路由， router.get("/", function(req, res, next) {
res.sen
浏览 46提问于2020-08-20得票数 2
回答已采纳
在本地，我在端口3001上使用ExpressJS，然后使用npm start启动我的react应用程序，该应用程序在端口3000上运行开发服务器。这允许我作为代理将请求从3000路由到3001。
对于生产环境，我在DigitalOcean Droplet上的16.04上安装了Ubuntu NodeJS 6.12.13，然后安装了Nginx和PM2。
在我的Nginx default文件中，我设置了以下内容：
location / {
proxy_pass http://localhost:3001;
proxy_http_version 1.1;
proxy_set_h
浏览 12提问于2018-08-02得票数 2
回答已采纳
我用创建了一个基本的react应用程序。我删除了所有默认文件，并将其添加到索引文件中。
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
class App extends Component {
constructor() {
super();
this.state = {};
}
async componentDidMount() {
const response = await fetch('/express_backe
浏览 0提问于2019-04-29得票数 1
回答已采纳
我正在使用react js构建一个web应用程序，我想在我的项目中为客户端创建一个服务器，所以我使用express或http，我尝试了以下代码 import React from "react";
var express = require("express"); // I also used with import
const app = express();
class App extends React.Component {
componentDidMount(){
app.get("/", (req,res)=>{
浏览 24提问于2021-02-01得票数 1
回答已采纳
我是React的初学者，节点我的问题是如何将值从from文件传递到节点服务器文件。
我在hello.js文件中的代码
import React, { Component } from 'react';
class APP extends Component {
constructor(props) {
super(props);
this.state = {
value: null,
};
}
render() {
return (
<div class
浏览 3提问于2021-01-18得票数 0
回答已采纳
1回答
在反应中服务PDFs
、、、、
我现在有一个前端反应应用程序在我的本地主机在端口8080和后端快速服务器在端口9000 (我认为这些必须是不同的端口，但我可能错了)。我的目标是在我的网页上建立链接，将PDF(或其他文件，如Excel工作表)下载到用户的本地机器上，但我不知道如何做到这一点。
如果我在Express服务器端有PDF，我想了两个选项
在Express中创建一个包含所有文件的静态文件夹
const app = express();
app.use('/static', express.static(path.join(__dirname, 'MyPDFs')));
然后在
浏览 2提问于2020-05-11得票数 2
目前我有用于前端的create-react-app和用于后端的express server。在我的create-react-app的package.json中，我像这样使用代理"proxy": "http://localhost:5000"。我需要实现同样的事情为Next.js应用程序与相同的快速服务器。 我只希望能够使用我的express服务器，而不是像在create-react-app中那样使用Next.js中内置的API路由和代理。 我是否需要创建自定义Next.js服务器，即使我没有更改它的任何功能？如何正确地做到这一点？
浏览 51提问于2020-09-16得票数 4
回答已采纳
我使用react js创建了一个前端应用程序，它在后端调用express node js api，在localhost中我没有问题，因为它在localhost上运行，但当我在plesk服务器上部署它们时，我不知道如何从我的react js应用程序调用express api。
1.如何在plesk服务器上运行生产中的express node js。2.如何从react js app调用express api (在本地主机中我使用)
非常感谢你
浏览 19提问于2020-05-12得票数 0
我正在努力学习反应和表达。我正在尝试允许从react组件上传本地文件，并且需要Express来捕获该文件，但是无论我尝试了什么，我都会得到：
Access to fetch at 'http://localhost:3001/' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
我已经安装了npm安装COR
浏览 3提问于2020-05-18得票数 0
回答已采纳
2回答
目前，我的nodejs服务器中的所有模块都被导入为require()，即：
let path = require('path');
let express = require('express');
let http = require('http');
let app = express();
然而，我下面的教程显示它们被导入为：
import express from 'express'
import path from 'path'
这会抛出错误：
SyntaxError: Unexpected token
浏览 1提问于2017-03-07得票数 14
回答已采纳
我使用express创建了一个API，我想在我的前端服务器上使用它，问题是为了让我的api工作，我必须不断地在服务器上运行它。然而，我不能同时运行我的react应用程序来做到这一点。所以我的问题是如何同时启动我的react服务器和api？
附注:我同时尝试了一下，但我对如何让它工作感到困惑，下面是我的package.json中的一些示例代码
{
"name": "app",
"version": "0.1.0",
"private": true,
"dependencies&
浏览 5提问于2019-06-23得票数 5
1回答
我有一个网络项目，我正在建设的乐趣。它是react、express、mongodb
我目前有一个aws域名，我们将其命名为foo.com，我的react应用链接到该域名。我使用S3和cloudfront将foo.com路由为S3中的react应用程序。
我为foo.com创建了一个SSL证书。
这一切都是可行的
现在，在一个EC2实例上，我有一个用作rest服务器的Express.js应用程序。因此，我的react应用程序使用我的弹性ip在EC2实例上使用REST进行调用。
由于我将SSL添加到我的react应用程序中，现在它将不允许非SSL调用进入我的api，所以我正在尝试解决这个问题。
我
浏览 11提问于2021-02-28得票数 0
回答已采纳
1回答
我有一个应用程序，它创建多个express服务器，每个服务器同时充当端点。它们中的每一个都提供一个依赖于来自特定express服务器的api的react应用程序。如何使用webpack编译react应用程序，并为每个express服务器的应用程序的特定实例提供服务。由于每个react应用程序都依赖于express实例的端点，因此端口号也会有所不同。我需要通过webpack传达给react app。另外，当我npm启动我的服务器时，我如何运行webpack。
浏览 0提问于2017-10-17得票数 0
1回答
我一直在研究OAuth，并尝试在我的web应用程序中使用OAuth。
我正在用React和Express开发web，它们由不同的端口托管。Express导出REST API，React使用Axios发送HTTP请求和接收HTTP响应。
我一直在搜索解释OAuth使用方法的示例，然而，大多数示例都解释了由一个端口托管的web。我想知道如何在这种web应用程序中使用OAuth。在web从授权服务器获取AccessToken之前，我不能清楚地了解流程。
在另一个域上使用REST API服务器的web的OAuth流是什么？
浏览 0提问于2020-11-08得票数 0
1回答
我为我的整个堆栈web应用程序实现了websocket聊天服务器，并意识到大部分源代码只为html+js提供教程，我不太确定如何从JS迁移到JSX。
我开始尝试将js代码集成到jsx组件文件中，但是遇到了express() is undefined的问题。
下面是我的JS来建立快速服务器：
var express = require('express');
var app = express();
var server = require('http').createServer(app);
var io = require('socket.io'
浏览 0提问于2019-09-22得票数 2
1回答
我已经创建了一个网站与创建-反应-应用，现在我想使用服务器端渲染，因为搜索引擎优化。
经过长时间的研究，我找到了一个简单的工具。
它工作得很好，但是在我的代码中我有一个动态导入await import("localization/" + newLanguage + "/" + newLanguage + ".json");，因此我得到了一个SyntaxError: Unexpected token import错误。
我也尝试过使用System.import。这对SSR有效，但CRA说'System.import' is rest
浏览 0提问于2018-04-19得票数 0
回答已采纳
2回答
我为我的react应用程序使用了两个服务器，一个用于express，另一个用于create-react-app。因此，在package.json的react端服务器中，我添加了：
"proxy": {
"/auth/google": {
"target": "http://localhost:5000"
}
},
我运行服务器，得到以下错误：
When specified, "proxy" in package.json must be a string.
Instead, the
浏览 0提问于2018-10-04得票数 4
4回答
我在一个reactjs项目中使用了reactjs路由器和的pushState。这个项目允许用户创建一个创建新路径的便条。要为这种类型的站点服务，除了静态内容之外，我需要向每个路径提供相同的pushState文件。所以我的nodejs代码如下所示。
// Serve the static content
app.use('/static/css/', express.static(path.join(__dirname, '../../react-ui/build/static/css')));
app.use('/static/js/', exp
浏览 6提问于2017-07-02得票数 2
回答已采纳
我在5000端口运行本地快速服务器。但是，当我从我的react webapp (XAMPP)获取http://localhost:5000/api时，服务器没有响应。我如何自我托管我的express应用程序，使其可以从任何地方访问，而不仅仅是在开发过程中。
浏览 11提问于2020-07-05得票数 0
我遇到的问题是，我在Heroku上托管的React应用程序调用了"“，因为它调用了Express服务器。
我将proxy in package.json设置为https://localhost:8000，以调用我的快速服务器。据我理解，这是我需要做的全部工作，Heroku在部署连接时处理它。
当我转到我的端点时，比如：https://heroku-app.herokuapp.com/v1/products/:productid我的快速服务器成功地在浏览器中发送回JSON数据，所以我知道我的节点服务器已经在Heroku上运行。问题似乎在于React应用程序proxy没有调用Heroku后
浏览 0提问于2019-07-19得票数 0
回答已采纳
我的node.js服务器使用express-session进行身份验证。 const express = require('express')
const session = require('express-session')
const app = express()
app.use(function (req, res, next) {
res.header("Access-Control-Allow-Origin", "http://192.168.1.24:3000");
res.header(&#
浏览 56提问于2020-06-23得票数 3
我已经在Node JS Express中准备好了我的服务器代码，并且我已经得到了JSON格式的响应。我遵循以下教程在Node JS Express中设置项目结构：
现在，我想在React中为相同的应用程序创建前端。所以，这里我的意思是我的服务器在Node JS Express中，前端应该在React中。考虑到React的初学者，请向我推荐一些教程或示例，我至少可以开始制作我的UI，并将其适合使用Node JS Express创建的项目结构。
我试着自己找到它，但在每个应用程序中，React JS都是自己创建自己的服务器，但我的服务器在Node JS express中启动并运行。请指点一下。
浏览 14提问于2017-06-20得票数 4
回答已采纳
我已经在MERN栈中完成了我的第一个项目，但现在我正在努力将其部署在hiroku上。到目前为止，我同时在不同的端口上运行react和node代码。 这就是这些文件 ? 客户端文件夹是前端(React)。节点中的App.js为 const express = require("express");
const app = express();
const userRouter = require("./routes/userRoutes");
const cookieParser = require("cookie-parser");
浏览 24提问于2021-11-15得票数 0
回答已采纳
我是新的在学习创建web服务器应用程序使用Node React，但我不能完全反应。在这段代码中，我试图使用componentDidMount()函数进行反应，但不知怎么的，这段代码并没有触发它。搜索了所有的互联网，但找不到一种方法来使用它，只有快递节点和反应。已经了解了Webpack，它最终在我的代码中创建了复杂性
下面是服务器端设置视图和内容的server.js代码
const express = require('express');
const app = express();
const path = require('path');
浏览 5提问于2017-08-25得票数 0
回答已采纳
2回答
我正在构建一个简单的web应用程序来显示来自的新闻。
首先，我使用express.js构建了一个API服务器。API服务器工作在"“上。
其次，我使用构建了一个react页面。react服务器工作在"“上。
第一次和第二次建设是成功的。react服务器可以向浏览器提供网页服务。API服务器可以根据浏览器的请求从NewsAPI获取新闻数据，并将数据发送到浏览器。浏览器可以正确显示带有缩略图的新闻文章。
第三，使用npm run build命令构建react服务器项目，以创建一个构建文件夹，并将该文件夹复制到API服务器项目文件夹。
API项目结构如下所示。
.
├── build
浏览 2提问于2022-09-22得票数 -1
我已经使用create- react -app创建了一个react应用程序，并使用express-generator创建了一个express服务器。我的react应用程序运行在http://localhost:3000上，我的express服务器运行在http://localhost:8080上。在我的组件中，我向express服务器发出POST fetch请求，该服务器正在成功运行我的express路由器代码，并返回200响应状态代码。但是，客户端控制台会记录以下错误，并且未收到响应： Proxy error: Could not proxy request /components/fin
浏览 66提问于2020-04-22得票数 2
回答已采纳
reactjs码
import axios from 'axios';
import {useEffect,useState} from 'react';
import ReactDOM from "react-dom/client";
import React from "react";
const App = () => {
const [res,setRes] = useState(null);
useEffect(()=>{
document.cookie="hello
浏览 5提问于2022-06-19得票数 0
1回答
我正在尝试将express添加到我的React项目中，以便开始连接到数据库以存储表单信息。我完全不知道如何设置它。目前，我正在使用webpack并创建一个dev服务器来呈现我的React视图。我的堆栈看起来像..。
Webpack -反应-巴别塔-萨斯。
React Router目前正在处理所有指向我的页面的导航链接，我让它以我想要的方式在本地主机上运行。因此，现在我必须找出一种方法来处理联系人表单数据，并将其放入我为项目创建的mongoDB中。在过去，我使用express w/handlebars & mongoose做了一个连接到mongoDB的应用程序，所以我想让我们把expre
浏览 0提问于2016-12-14得票数 1
我有一个react应用程序，我正在尝试用OAuth添加一个节点/快捷键/MySQL后端。我的React应用托管在localhost:3000上，express服务器在localhost:4000上。我在react应用程序的package.json文件中添加了"proxy":"“来向服务器发送请求。OAuth的授权Javascript源是。授权的重定向URI为。
以下是当我试图到达服务器上的路由时，我在浏览器控制台中得到的错误：
其中一个表示请求的资源上不存在“Access-Control-Allow-Origin”标头。
另一种是“跨域读取阻止(CORB)阻止跨域res
浏览 1提问于2018-10-10得票数 3
2回答
我正在尝试使用MERN stack + Socket.io的模板，并迁移到Typescript。当我将客户端更改为Typescript时出现问题。 问题:我的客户端从socket.io-client发出的ping命令无法到达服务器，并且我似乎不知从哪里得到了ping命令。 服务器:对于服务器端，我使用cd进入我的服务器并运行npm start = node dist/app.js 服务器代码: dist/app.ts import { Mongoose } from "mongoose";
import express from "express";
impo
浏览 25提问于2020-09-09得票数 0
回答已采纳
在运行npm run build命令后，我最近能够使用我的react应用程序连接到节点服务器。当使用node server在本地运行我的应用程序时，在将build文件夹添加到我的公共文件夹后，一切工作正常。(我使用create-react-app创建了这个应用程序，除了将build移到公共目录中并在主目录中创建server.js之外，我没有更改目录结构)
然而，当我将这些更改推送到我的NGINX web服务器上时，我得到了一个502错误的网关错误。在添加build文件夹之前，我的服务器运行得很好，只是没有呈现JSX元素。现在我可以只使用node命令在本地渲染，但我的在线服务器完全停机了。
下面
浏览 25提问于2020-02-13得票数 0
回答已采纳
我正在试图理解MERN应用程序是如何完全工作的，我一直在阅读关于MongoDB、ExpressJs、ReactJs和NodeJs的文章，我也了解MongoDB、ExpressJs和NodeJs是如何交互的，以及ReactJs是如何独立工作的，我的问题很简单(我认为)。
问题:如果我使用Node、Express和Mongo创建API，并且我有一个由React管理的应用程序，两者都需要服务器(通过express，我理解)，那么，我应该如何同时运行API和React应用程序。我是否需要不同的URL？我应该配置不同的端口吗？我应该如何集成它们？
我真的读了很多，但几乎每个教程都是本地制作的(我在一个服
浏览 0提问于2017-08-12得票数 0
我使用create-react-app来初始化我的React应用程序，现在我正在从Express服务器上为React客户端应用程序提供服务。
我的应用程序结构是
project/
build/
server/
src/
我的Express服务器在server/中，React应用程序在src/中，React应用程序通过npm run build构建到build/中。
因为我的Express应用程序服务于“构建”的应用程序(如下所示，提供来自build/目录的文件)，所以每次我更改任何客户端代码时都需要npm run build，以便我的浏览器能够反映这些更改。
// server/a
浏览 0提问于2017-03-26得票数 0
1回答
我的Expressjs API和React客户端之间的连接有一个小问题。 Express API -> http://localhost:3001 React -> http://exampleip:3000 (两者都在同一个windows服务器上) 我添加了CORS包并添加了以下代码 const express = require('express');
const cors = require('cors');
const app = express();
app.use(cors());
... other code
app.use(&#
浏览 17提问于2021-11-04得票数 0
回答已采纳
我在React中创建了一个铬扩展。我正在尝试通过socket.io下载数据。我没有收到任何错误，但是数组是空的。
我应该设置头和标记，但是我不知道在app.js 服务器中应该在哪里做。我可以在哪里设置：
const token = '12345'
headers: {
'Authorization': `Bearer $ {token}`
}
如何在服务器中设置port ，在服务器上设置app.js ，以及如何在客户机 app.jsx 中设置端点(如果创建 chrome extension**?** )
在不重新加载页面的情况下，是否有其他方法(socke
浏览 0提问于2019-07-04得票数 2
回答已采纳
1回答
我正在努力学习React，但是我很难理解它应该如何与NodeJS一起工作，比如使用Express。
到目前为止，我知道ReactJS是"MVC“中的"V”--这很容易，我已经可以使用create app编写代码了。
我是这样理解的：
将React和Express结合在一起的“自然”方式是在Express中简单地编写前端React和api (例如Mongo )。这样，我们就可以简单地通过对/api的反应进行ajax调用并显示数据。
服务器端呈现也有可能使用React，而服务器端呈现只需要更多的配置。这样我们就不会从React中调用/api了，我们只需要使用React来编写
浏览 5提问于2017-04-09得票数 3
回答已采纳
我正在使用快递-反应-视图包来呈现服务器端(NodeJs)中的react组件。
我已经创建了我的反应组件。有一个带有onClick事件的按钮。我试过调试这个问题，但事件没有触发。我该如何解决这个问题？
我的server.js文件：
const express = require("express");
const session = require("express-session");
const bodyParser = require("body-parser");
const router = express.Router();
cons
浏览 0提问于2019-06-15得票数 0
回答已采纳
1回答
我有一个反应应用程序。
我还有一个Express服务器，使用passport-saml，我可以使用公司的PingID SSO IdP进行身份验证。
我想让React应用程序，以某种方式调用Express应用程序，进行身份验证。
Express Server和React应用程序在同一台主机上运行。
我现在拥有的是：
// Express App - rendering code pulled out
const express = require('express');
var passport = require('passport');
var Strateg
浏览 0提问于2020-04-25得票数 2
回答已采纳
我正在尝试用expressjs创建一个nodejs服务器来服务于我的静态react内容。如果你是一个代理路径，我该如何实现，否则代理返回index.html。当前代码如下： const path = require('path');
const express = require('express');
const app = express();
const publicPath = path.join(__dirname, 'build');
var proxy = require('http-proxy-middleware
浏览 15提问于2019-08-16得票数 2
我正在创建一个简单的反应前端与Express后端。我可以让express将JSX数据作为JSON发送给我，这样我就可以在react中获取它并将其显示为组件吗？目前我正在发送JSON数据，并将其作为组件显示在react中，它工作得很好，如何才能将JSX数据作为JSON发送？
这是到目前为止的代码，React前端：
import React, { Component } from "react";
import "./App.css";
class App extends Component {
state = { users: [] };
compon
浏览 2提问于2017-08-11得票数 0
我对reactJS非常陌生，并且刚刚开始学习reactJs的特性。我正在设法通过服务器端呈现概念将值从nodeJS传递给reactJS。
在下面的示例中，我能够定义一个function组件，并将其添加到服务器中，并在UI中呈现它，但我不知道如何将数据传递给组件呈现函数中可以使用的组件。
client.js
var React=require('react');
var ReactDOM=require('react-dom');
var Component=require('./Component.jsx');
ReactDOM.render
浏览 3提问于2016-10-06得票数 3
回答已采纳
我是编程新手，创建了一个天气应用程序来练习React。我还创建了一个Node服务器和一个主页(portfolio)。所以我的树看起来像这样：
项目
-portfolio(包含简单html文件的主页)
-weather(React)
-server.js
在天气应用程序中，我对openweathermap.org进行了几次API抓取。但我注意到，当我发布此应用程序时，我的API密钥将可见，避免这种情况的最好方法是在Node后端进行调用。如何将数据从天气应用程序移动到server.js，反之亦然？例如，用户将在天气应用程序中输入邮政编码。在url中使用此邮政编码来获取数据。如何使邮政编码显示在服务
浏览 3提问于2021-09-24得票数 1
2回答
如何使用socket.io和React？我有我的客户的代码：
import React, { Component } from "react"
import io from "socket.io-client"
import "./App.css"
const socket = io()
console.log(socket)
class App extends Component {
render() {
return (
// ...
)
}
}
export de
浏览 0提问于2019-04-03得票数 2
回答已采纳
我的应用程序是以“创建-反应-应用”和Express.js作为后端构建的。我应该如何设置该应用程序的生产？
以下是我来自Express的user.js文件：
var express = require('express');
var router = express.Router();
/* GET users listing. */
router.get('/', function(req, res, next) {
res.json(['Hello World'])
});
module.exports = router;
我在Rea
浏览 0提问于2018-05-09得票数 2
回答已采纳
在提问之前，请注意，我已经尝试过许多来自堆栈溢出以及其他许多网站的建议。有很多建议，但大多数建议确实不能直接解决这个问题。
我的一个简单问题是，如何让我的web服务器(它是一个基于api的节点js表示)知道内部网应用程序中记录的windows用户id (来自我的react应用程序)？
到目前为止，我能够编写基于表达式的节点js服务器，它使用node库，并为我提供了windows用户id和组。这个API非常简单
var express = require('express');
var app = express();
var server = requi
浏览 2提问于2020-03-05得票数 0
回答已采纳
1回答
我在react中创建了一个前端，在express nodejs中创建了一个后端，并且我使用socket.io来实现客户端和服务器之间的通信。
当我加载react页面时，我每秒都会收到以下错误：
Failed to load resource: the server responded with a status of 404 (Not Found)
我已经将前端设置为在端口3000上运行，将服务器设置为在端口3500上运行。失败的连接请求将发送到以下地址：
以下是节点后端的设置：
const bodyParser = require('body-parser');
const
浏览 42提问于2019-08-15得票数 1
回答已采纳
2回答
所以我刚刚用React，NodeJS，Express.JS和SocketIO创建了一个简单的聊天应用。我将把它部署在Heroku上。
问题是我不确定我是否可以在同一个URL上同时运行前端和后端。当我第一次在本地创建这个聊天时，我在localhost上运行了前端:3000(默认是Create-React-App)，在localhost上运行了后端:8000。
对于前端，我在外部API.js文件中是这样做的：
import io from 'socket.io-client';
let socket;
export const api = {
open: () =>
浏览 0提问于2018-11-03得票数 0
我有一个react应用程序作为静态站点托管在一个名为client/build的文件夹中的express server project下。我有一些oauth重定向uris，指向express服务器也指向稍后的令牌检索。我的react-app将用户重定向到oauth端点，我的express服务器环境变量也引用了该端点。
` //express .env :
process.env.HOST=localhost
process.env.PORT=port
process.env.OAUTH2URI=example.com
`
` //rea
浏览 1提问于2020-03-11得票数 10
2回答
我正在尝试将数据从react发送到express服务器。 React代码： const imageRenderer = async () => {
const res = await axios({
method: "post",
url: "http://localhost:8080/previewRender",
data: selectedFile.filePaths,
});
console.log(res.data); }； 快速代码： app.post("/previewRender", (re
浏览 17提问于2021-10-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
