Node.js 服务器和客户端侦听Heroku上的同一端口

我开发了一个MERN项目。在开发过程中，客户端侦听端口3000，服务器侦听端口5000。现在，该项目托管在heroku上。项目已成功部署。当我加载一个站点时，它侦听服务器端口5000。 setupProxy.js是

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

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

server.js是

app.get('/', (req, res) => {
   res.send('Server is Ready');
});
if (process.env.NODE_ENV === 'production') {
  app.use(express.static('../frontend/build'));
  app.get('*', (req, res) => {
     res.sendFile(path.join(__dirname, '../frontend', 'build', 'index.html'));
  });
 }
 app.use((err, req, res, next) => {
    res.status(500).send({ message: err.message });
 });
 const port = process.env.PORT || 5000;
 app.listen(port, () => {
 console.log(`Serve at http://localhost:${port}`);
});

客户端和服务器位于不同的文件夹中，就像同级文件夹一样

如何在加载web应用程序url时移植到客户端。应用程序url为