Can't get Proxy or Advanced Proxy to work

[iDVB]

It seems no matter what config I try and simply can't seem to get paths to proxy.
Just want all paths like...
http://localhost:8000/api/todos/1
to map to...
http://6005e7693698a80017de1170.mockapi.io/todos/1

I've tried a number of combinations of...

  proxy: {
    prefix: '/api',
    url: `http://6005e7693698a80017de1170.mockapi.io`,
  },

and trying tons of combos of this...

  developMiddleware: (app) => {
    app.use(
      '/api',
      createProxyMiddleware({
        target: 'http://6005e7693698a80017de1170.mockapi.io',
        changeOrigin: true,
        secure: false, // Do not reject self-signed certificates.
        logLevel: 'debug',
      })
    )
  },

When I visit http://6005e7693698a80017de1170.mockapi.io/todos/1 directly in the browser, I get...

...and when I visit http://localhost:8000/api/todos/1 I get this....

...and in the console I see this...

When this is working.... would it not show the path beside the target here?

[iDVB]

Got it working with Advanced Proxy.
My issue was in understanding how the initial path worked.
You HAVE to strip it out if you don't want it on the other side.

This worked for me...

developMiddleware: (app) => {
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'https://6005e7693698a80017de1170.mockapi.io',
      changeOrigin: true,
      pathRewrite: { '^/api': '/' },
      logLevel: 'debug',
    })
  )
},