axios 不通过 http-proxy-middleware 向服务器发送 post 请求答案

【问题标题】：axios does not send post request to server via http-proxy-middlewareaxios 不通过 http-proxy-middleware 向服务器发送 post 请求
【发布时间】：2021-08-20 03:40:01
【问题描述】：

import axios from 'axios';

axios
  .post('api/email', { id: 1 })
  .then((res) => {
     return res.data;
  })

server.js

const express = require('express');
const next = require('next');
const { createProxyMiddleware } = require('http-proxy-middleware');
const port = parseInt(process.env.PORT, 10) || 3000;
const dev = process.env.NODE_ENV !== 'production';

const app = next({ dev });
const handle = app.getRequestHandler();

const apiPaths = {
  '/api': {
    target: 'http://localhost:8080/',
    pathRewrite: {
      '^/api': '/api',
    },
    changeOrigin: true,
  },
};

const isDevelopment = process.env.NODE_ENV !== 'production';

app
  .prepare()
  .then(() => {
    const server = express();

    server.use(express.json());
    server.use(express.urlencoded({ extended: false }));
    if (isDevelopment) {
      console.log('ok');
      server.use('/api', createProxyMiddleware(apiPaths['/api']));
    }

    server.all('*', (req, res) => {
      return handle(req, res);
    });

    server.listen(port, (err) => {
      if (err) throw err;
      console.log('> Ready on http://localhost:' + port);
    });
  })
  .catch((ex) => {
    console.error(ex.stack);
    process.exit(1);
  });

我的服务器位于本地主机：8080。
我在 nextJS 中编写客户端，当 url 调用时，我使用 http-proxy-middleware 包。也就是我所有包含/api/的请求都会从localhost:3000重定向到localhost:8080。 axios 不发送 post 请求，get 就可以了。
在开发人员模式浏览器中查看网络选项卡时，它会显示请求标头本身，但没有方法。计时选项卡显示警告请求尚未完成。

UPD：我刚刚尝试通过 fetch 发送，结果是一样的，但我也删除了 Content-Type: 'application / json' 并且 fetch 对我有用。但是为什么会这样，我该如何解决呢？

【问题讨论】：

您的请求不应该是/api/email（带有前导/）吗？

标签： javascript axios http-proxy-middleware

【解决方案1】：

我能够解决我的问题。在此处找到解决方案：https://github.com/chimurai/http-proxy-middleware/issues/40、socket hang up error with nodejs
问题是 server.js
这是更正后的代码

if (isDevelopment) {
  console.log('ok');
  server.use('/api', createProxyMiddleware(apiPaths['/api']));
}
server.use(express.json());
server.use(express.urlencoded({ extended: false }));

【讨论】：