when I yarn start the project will show me “proxy is not a function”

[tanweiweiweiweiwei]

src/setupProxy.js
const proxy = require('http-proxy-middleware')

module.exports = function(app) {
app.use(proxy('/api',
{
target: "",
changeOrigin:true,
pathRewrite: {
"^/api": "/"
}
}))
}

[will-shaw]

@tanweiweiweiweiwei

I had the same issue, with version 1.0.0 of http-proxy-middleware you'll need to use

const { createProxyMiddleware } = require('http-proxy-middleware');

There's already a PR to update the documentation.
#8541

[adeedchoudhury]

Thanks @will-shaw I have a similar issue but am still getting the same error when I use

const { createProxyMiddleware } = require('http-proxy-middleware');

Any ideas on what could still be causing the issue?

[tanweiweiweiweiwei]

@tanweiweiweiweiwei

I had the same issue, with version 1.0.0 of http-proxy-middleware you'll need to use

const { createProxyMiddleware } = require('http-proxy-middleware');

There's already a PR to update the documentation.
#8541

Thank you so much

[will-shaw]

@adeedchoudhury Short of checking that you have v1.0.0 of http-proxy-middleware and you've done an npm install the only other thing I could suggest might be double checking you also renamed the function call.

module.exports = function(app) {
  app.use(
    '/api',
-     proxy({	    
+    createProxyMiddleware({
      target: 'http://localhost:5000',
      changeOrigin: true,
    })
}

[adeedchoudhury]

@will-shaw thanks! I forgot about renaming the function call.

[GautamUpreti123]

@will-shaw still facing the same error: proxy is not a function. Could you please help.

I have done all the above-said things:

const { proxy } = require('http-proxy-middleware');
module.exports = function (app) {
app.use('/api',
proxy({
target: 'http://localhost:3000',
changeOrigin: true
}))
}

[meneseswill]

@GautamUpreti123, use this:

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'http://localhost:3000',
      changeOrigin: true
    })
  );
};

[ianschmitz]

Closing as we have a PR up to update the documentation.