无法通过请求。使用http代理中间件时的参数。。。NodeJS/Express

Question

我是节点新手，在使用http代理中间件时无法传递请求参数。。

这给我带来了404错误

这是express listener：

  app.put("/api/markets/:id",()=>{..code..});

这是axios PUT请求：

axios
  .put("/api/markets/" + idToPass, {..Object..})
  .then(res => {
    console.log(res);
  })
  .catch(err => {
    console.log(err);
  });

这就是proxyMiddleware：

const proxy = require("http-proxy-middleware");

module.exports = function(app) {
  app.use(proxy("/api/*", { target: "http://localhost:3050" }));
};

我的客户端在localhost:3000（react app）上运行，我的服务器在localhost:3050上运行

当我打开“浏览器网络”选项卡来检查请求时，我看到有人正在呼叫

localhost:3000/api/markets/idContent

不

localhost:3050/api/markets/idContent

就像它应该的那样。

当我手动发送到

localhost:3050/api/markets/idContent

我怎么解决这个问题，有什么想法吗？

提前Thx

Answer 1

您没有指定基本URL。创建axios实例并指定正确的基本URL：

const instance = axios.create({
  baseURL: 'http://localhost:3050'
});

然后使用该实例发出每个axios请求：

instance
  .put("/api/markets/" + idToPass, {..Object..})
  .then(res => {
    console.log(res);
  })
  .catch(err => {
    console.log(err);
  });

Answer 2

问题似乎出在代理配置上。到目前为止，它只匹配一个级别的URL。

尝试/api或/api/**代替

const proxy = require("http-proxy-middleware");

module.exports = function(app) {
  app.use(proxy("/api", { target: "http://localhost:3050" }));
};