將前端部署到 heroku 時出現問題

Question

我有一個具有這種結構的 typeorm 項目：

在客戶端和根目錄中，索引文件都位於 src 目錄中。 在客戶端目錄中的 package.json 中，我更改了一件事（“構建”）並添加了代理：

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build && mv build ../public",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "gen": "graphql-codegen --config codegen.yml"
  },
"proxy": "http://localhost:4000"

在 src/index.ts 我做到了：

const app = express();
...
app.get("/", (_req, res) => res.send("hello"));
app.use(express.static('../public'));

    app.get('*', (_, res) => {
      res.sendFile(path.resolve(__dirname, '../public', 'index.html'))
    });

  
    const port = process.env.PORT || 4000;
  
    app.listen(port, () => console.log(`Server started on port ${port}`));

以及來自根目錄的 package.json 的一部分：

...
"scripts": {
      "start": "ts-node src/index.ts",
      "server": "nodemon --exec ts-node src/index.ts",
      "client": "npm start --prefix client",
      "dev": "concurrently \"npm run server\" \"npm run client\""
   }

當我在本地主機上運行它時它可以工作，但是當我部署在 heroku 上時，它向我展示了我在后端（在端口 4000 上）得到的，就是這個“你好”。

Answer 1

好的，很好。 我剛剛將無效路徑傳遞給 espress.static：

app.use(express.static('public'));