请求以开发模式localhost从Next.js应用程序在不同端口上运行的Graphql API

我目前正在将现有应用程序从create-react-app切换到next.js，除了我的api端点在端口4000上的另一个节点应用程序上运行之外，其他一切似乎都能正常运行，而我无法从next.js应用程序访问。我遵循了仓库中的示例，但是我无法使其正常工作。在生产中，我毫无疑问地使用nginx作为反向代理，但是我处于开发模式。要使用Redux设置Apollo，请遵循以下示例：with-apollo-and-redux，对于代理，我将本示例与-custom -reverse-proxy一起使用

我知道，我正在做错事，但现在无法解决

在initApollo.js中

...    
function create() {
      return new ApolloClient({
        ssrMode: !process.browser,
        networkInterface: createNetworkInterface({
          uri: "/api" 
        })
      });
    }
...

在server.js中

...    
const devProxy = {
      "/api/": {
        target: "http://localhost:4000/api/",
        changeOrigin: true
      }
    };

    app
      .prepare()
      .then(() => {
        const server = express();

        if (dev && devProxy) {
          const proxyMiddleware = require('http-proxy-middleware')
          Object.keys(devProxy).forEach(function (context) {
            server.use(proxyMiddleware(context, devProxy[context]))
          })
        }

        server.all("*", (req, res) => handle(req, res));

        server.listen(3000, err => {
          if (err) throw err;
          console.log("> Ready on http://localhost:3000");
        });
      })
      .catch(ex => {
        console.error(ex.stack);
        process.exit(1);
      });