反应：Axios 错误“错误：网络错误”，我的反应应用程序无法接收 axios.post 响应

Question

我有 Nodejs Express 后端和 React 前端。 我检查了前端是否向后端发送请求并且该请求被发送到后端。 后端向前端发送响应但无法接收。

1. 前端 -- 请求 --> 后端已检查。请求到达后端。
2. 前端

在第二个过程中，如果我使用邮递员接收，则效果很好。 但是，如果我使用前端接收，它就无法正常工作，只会抛出错误“错误：网络错误”，不再提供任何信息。

我也试过React: Axios Network Error 和 Post request Axios : Network error.

Node js 后端：

export const Login = async (req: Request, res: Response, next:NextFunction) => {
        console.log("LOGIN SUCCESS");
        res.json({ code: 200, token: "token" });
}

反应前端：

const Login = async () => {
    try {
        const res = await axios.post('http://localhost:6382/auth/login', { id: "id", password: "password" }); // ERROR!
    } catch (err) {
        console.log(err); // Displays "Error: Network error"
    }

另外，我的后端 app.js

import * as express from 'express';
import * as cors from 'cors'
import * as helmet from 'helmet';

class App {
    public app: express.Express;

    constructor() {
        this.app = express();
        this.initializeMiddlewares();
    }
    
    private initializeMiddlewares() {
        this.app.use(helmet());
        this.app.use(cors());
        this.app.use(express.json({limit:"100mb"}));
        this.app.use(express.urlencoded({limit:"100mb", extended:true}));
    }
}

export default App;

server.ts

import App from './app';

const { app } = new App;

app.listen(6382 ,() => {
  console.log(
    `Server listening on : 6382`);
});

我该怎么办？

Answer 1

之前有同样的问题，我忘了给 package.json 添加代理。您必须将它添加到前端文件的 package.json 中，它应该可以解决问题。

"proxy": your backend url..