如何使用 server.js 获取应用程序的路径

Question

大家好，我目前正在对节点做出反应，我想用我的 server.js 运行我的应用程序，但是我不确定如何调用 app.js 或 index.js 的路径，有人会帮助我吗？

目前我有这个：

import express from 'express'

/* eslint-disable no-console */

const port = process.env.PORT || 3001
const app = express()

app.get('/', (req, res) => {
  try {
    res.send('hello world')
  } catch (e) {
    console.log(e)
  }

})

app.listen(port, err => {
  if (err) {
    console.error(err)
    process.exit(1)
  } else {
    console.log('Server listening: http://localhost/%s', port)
  }
})

Answer 1

这是假设您的节点文件夹结构中有一个 client 文件夹...通常您会 build 您的反应应用程序，然后将内容放在那里。只要相同，命名并不重要。

app.use(express.static('client'));
const path = require('path');
app.get('*', (req, res) => {
  res.sendFile(path.resolve(__dirname, 'client', 'index.html'));
});

通常您只需要在生产环境中执行此操作。 对于开发，请查看React 文档Proxy API requests

如果您想在节点环境中运行您的开发版本，您需要执行以下操作..... 您的 client 文件夹将基本上包含您的 react app NOT built 应用程序。 上面的节点代码要么注释掉，要么在其周围加上if 语句。 例如if (process.env.NODE_ENV === 'production') ...

您需要安装 (npm/yarn) 类似 concurrently 的东西 concurrently

最后，您需要更改您的 package.json 脚本以反映类似的内容。

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

在我个人看来，我认为这是一个很大的努力去没有太大的好处（其他只需要做 1 个npm start 等...），而不是内置的 create-react-app 可以做什么你。