首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >React和node js ::ERR_CONNECTION_REFUSED

React和node js ::ERR_CONNECTION_REFUSED
EN

Stack Overflow用户
提问于 2021-04-25 17:33:19
回答 2查看 41关注 0票数 0

当我尝试在网站和邮递员中运行时,我收到错误:“连接被拒绝”客户端和服务器都在不同的端口上运行

在端口3000上运行的客户端

代码语言:javascript
运行
复制
 const handleSend = async (e) => {
    try {
      await axios.get("http://localhost:4000/fetchdata");
    } catch (error) {
      console.error(error);
    }
  };

在端口4000上运行的服务器

代码语言:javascript
运行
复制
const express = require("express");
const app = express();
require("dotenv").config();

const bodyParser = require("body-parser");

app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());
app.use(cors());

const cors = require("cors");


app.get("/fetchdata", cors(), async (req, res) => {
  console.log("data");
  res.status(200).send("SUCCESS");
});



app.listen(
     (4000,() => {
     console.log("Server is listening on port 4000");
     })
    );

服务器Package.json

代码语言:javascript
运行
复制
"start": "node server.js",
"server": "nodemon server.js",
"client": "npm run start --prefix ../client",
"dev": "concurrently \"npm run client\" \"npm run server\""

我收到的错误

EN

回答 2

Stack Overflow用户

发布于 2021-04-25 17:44:08

看起来你实际上并没有“启动”你的服务器。

试试这个:

代码语言:javascript
运行
复制
port = 4000;
app.listen(port, () => {
  console.log(`App listening at http://localhost:${port}`)
})
票数 1
EN

Stack Overflow用户

发布于 2021-04-25 18:39:47

修正了在React package.json中添加"proxy":"http://localhost:4000“的问题

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67251840

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档