NextJs 应用程序一旦部署到 Heroku 就无法访问 Express 端点

Question

使用 NextJs 和 Express 构建了一个在本地运行良好的基本应用。但是，一旦部署到 Heroku，我将无法访问我在 Express 中定义的任何端点。尽管它们在我的本地版本中可用。

您将在下面看到我已经放置了一个测试路线，应该将字符串“test”呈现到屏幕上。同样，这在本地工作正常，但在 heroku 上返回 404。

const express = require("express");
const next = require("next");
const bodyParser = require("body-parser");
const { requestWeather } = require("./helpers");

const port = parseInt(process.env.PORT, 10) || 3000;
const dev = process.env.NODE_ENV !== "production";
const app = next({ dev });
const handle = app.getRequestHandler();

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

  server.use(bodyParser.urlencoded({ extended: false }));
  server.use(bodyParser.json());

  server.post("/api/weather", async (req, res) => {
    const { lat, long } = req.body;
    const weather = await requestWeather({ lat, long });
    res.send(JSON.stringify({ weather }));
  });

  server.get("/test", (req, res) => {
    res.send('test');
  });

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

  server.listen(port, err => {
    console.log(`LOG: HHEEEEE`);
    if (err) throw err;
    console.log(`> Ready on http://localhost:${port}`);
  });
});

我相信问题实际上可能是我的 package.json 命令是：

"start": "next start -p $PORT"

当它真的应该引用 server.js 文件时。但是我似乎无法在这方面取得任何进展。

Answer 1

您的应用程序通过您的 server.js 文件提供服务，因此您的启动命令需要如下所示：

"start: "node server.js"