NodeJS 同时运行服务器端和前端

31moq8wy  于 2023-01-01  发布在  Node.js
关注(0)|答案(3)|浏览(306)

如何同时运行客户端和服务器代码?我有一个文件夹back-end-server(Node.js)和另一个文件夹front-end-react(React.js)。在我的package.json中,我尝试写:

"scripts": {
    "server-dev": "nodemon --prefix back-end-server server.js",
    "client-dev": "npm start --prefix front-end-react",
    "dev": "concurrently \"npm run server-dev\" \"npm run client-dev\""
}

server.js是文件夹back-end-server中的一个文件,我希望与React文件夹同时运行:front-end-react,但是当我调用npm run dev时,它们不会同时运行。

uqdfh47h

uqdfh47h1#

你需要让它们在不同的端口上运行在不同的shell中。另一个解决方案可以是简单地构建前端文件,并在Apache和Nginx等配置为与后端联系的Web服务器上将其作为静态文件进行部署。

dpiehjr4

dpiehjr42#

如果我理解正确的话,你正在尝试运行这两个应用程序,但由于端口冲突,他们没有启动。
如果是这种情况,您可以更改端口,如下所示:

npm start --port 3002
8e2ybdfx

8e2ybdfx3#

您可以使用NPM包:
https://www.npmjs.com/package/concurrently
然后在package.json上使用脚本,一个用于客户端,一个用于服务器,并使用concurrentrun同时运行这两个脚本(在不同的端口上)

"scripts": {
    "start": "node backend/server",
    "server": "nodemon backend/server",
    "client": "npm start --prefix frontend",
    "dev": "concurrently \"npm run server\" \"npm run client\"",
}

在本例中,后端和前端是Node和React项目的不同文件夹。

相关问题