My pathRewrite is not working correctly.

[Jeffr-K]

Hello, heros

I have built a proxy server for my service.

But I do not understand why it is write double url on proxy middleware

TEST ENVIRONMENT

• TOOL: POSTMAN 2
• IDE: WebStorm
• OS: Mac M1
• Language: Node.js, Express.js, Typescript

here is example

const baseUrl = /proxy/Hello/v1/happy/api/crash
const rewrittenPath = http://localhost:9000/api/crash

const proxyMiddleware = createProxyMiddleware({
    target: targetBaseUrl,
    changeOrigin: true,
    pathRewrite: { [`${baseUrl}`]: rewrittenPath },
    logLevel: 'debug',
    onProxyReq: (proxyReq, req, res) => {
      if (req.body) {
        let bodyData = JSON.stringify(req.body);
        proxyReq.setHeader('Content-Type', 'application/json');
        proxyReq.setHeader('Content-Length', Buffer.byteLength(bodyData));
        proxyReq.write(bodyData);
      }
    },
    onProxyRes: (proxyRes, req, res) => {
      const contentLength = proxyRes.headers['content-length'];
      const now = new Date();
      const endTime = new Date(now);
      const responseTime = endTime.getTime() - startTime.getTime();
      const responseCode = proxyRes.statusCode;
    }
  });

above code is the proxy server parser code.

and below is console:

[HPM] Proxy created: /  -> http://localhost:9000
[HPM] Proxy rewrite rule created: "/proxy/Hello/v1/happy/api/crash" ~> "http://localhost:9000/api/crash"
[HPM] Subscribed to http-proxy events: [ 'proxyReq', 'proxyRes', 'error', 'close' ]
[HPM] Rewriting path from "/proxy/Hello/v1/happy/api/crashproxy/Hello/v1/happy/api/crash" to "http://localhost:9000/api/crashproxy/Hello/v1/happy/api/crash"
[HPM] GET /proxy/Hello/v1/happy/api/crash ~> http://localhost:9000

The target Server API is Below:

const express = require('express');

const app = express();

app.get('/api/holly', (req, res) => {
  res.status(200).send("Hello, Helly");
});

app.get('/api/crash', (req, res) => {
  res.status(200).send("Hello, qweqweqweqweqweqwe");
})

app.listen(9000, () => {
  console.log('listening on http://localhost:9000');
});

4 line was wrote double sentences. How do I resolve this issue?

[Jeffr-K]

I got a solution.

I made a mistake that I have used the proxy middleware as API shape.

Such as:

app.use(`/*`, ApiKeyParserMiddleware, (req, res, next) => {
    proxyMiddleware(req, res, next);
    next();
});

Here are success logic for me:

app.use(`/*`, someExampleMiddleware, proxyMiddleware);  // * This.

I think that must use as middleware not api.

Thank you for library supporter.