javascript - 使用默认 Next.js 开发服务器代理到后端

Question

以前，当我使用 create-react-app 制作应用程序时，我会得到一个 setupProxy.js路由类似于此的 API 请求的文件

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

但这似乎不适用于 next.js。当我做同样的事情时，我会遇到各种错误。

谷歌搜索解决方案，很多人说使用某种自定义服务器。但是我将如何使用默认的 nextjs 开发服务器完成像上面这样的代理呢？ (当我的 package.json 中的 npm run dev 为 dev 时，等价于 next dev。

Answer 1

现在在配置中有一个官方特性:重写
除了正常的路径重写之外，它们还可以将请求代理到另一个网络服务器
next.config.js :

module.exports = {
  async rewrites() {
    return [
      {
        source: '/api/:path*',
        destination: 'http://localhost:8000/:path*' // Proxy to Backend
      }
    ]
  }
}

见 Next.js Docs Rewrites