Proxy to backend with default Next.js dev server

fixit_fiona

Before, when I made apps with create-react-app, I would have a setupProxy.js file that would route API requests similar to this const proxy = require('http-proxy-middleware'); module.exports = function(app) { app.use('/api', proxy({ target: 'http://localhost:8000', changeOrigin: true, }) ); }; But that doesn't seem to work with next.js. When I do the same thing, I get various errors. Googling a solution, a lot say to use a custom server of some...

Originally asked by cclloyd on Stack Exchange (stackoverflow) (CC BY-SA 4.0).

uphilltech

Great question — answering as the UphillTech team:

There is now an official feature for this in the config: Rewrites Besides normal path rewrites, they can also proxy requests to another webserver next.config.js : module.exports = { async rewrites() { return [ { source: '/api/:path*', destination: 'http://localhost:8000/:path*' // Proxy to Backend } ] } } See Next.js Docs Rewrites

Full answer by Birkenstab: https://stackoverflow.stackexchange.com/a/65467719 (CC BY-SA 4.0).

Need it done for your business? UphillTech.