2

我有一个使用 Node express 和 React Js 创建的项目。服务器（节点）package.json如下。它同时使用一次来启动服务器和客户端npm run dev。服务端使用端口5000，客户端使用端口3000，文件夹结构如下。

/
|
|-mysample
   |
   |-client
   |   |-.env
   |   |-package.json
   |   |-src
   |-server.js
   |-package.json

package.json(mysample)

{
  "name": "mysample",
  "version": "1.0.0",
  "description": "My Sample",
  "main": "server.js",
  "scripts": {
    "client-install": "npm install --prefix client",
    "start": "nodemon server.js",
    "server": "nodemon server.js",
    "client": "npm start --prefix client",
    "dev": "concurrently \"npm run server\" \"npm run client\""
  },
  "author": "test",
  "license": "ISC",
  "dependencies": {
    "bcryptjs": "^2.4.3",
    "body-parser": "^1.18.3",
    "concurrently": "^4.0.1",
    "express": "^4.16.4",
    "mongoose": "^5.3.8",
  },
  "devDependencies": {
    "nodemon": "^1.18.9"
  }
}

如何使用npm 包启动两个使用端口作为管理员和客户端的concurrentlyreact js 项目。30008000

   /
    |-ebook_admin
       |
       |-client
       |   |-.env
       |   |-package.json
       |   |-src
       |   |-public
       |   |
       |-package.json
       |-src
       |-public
       |-.env
4

2 回答 2

8

如果我正确理解了您的问题，您可以在这里查看我的一个项目https://github.com/chriskavanagh/mern-shopping-list/blob/master/package.json看看只要您有在此处设置代理https://github.com/chriskavanagh/mern-shopping-list/blob/master/client/package.json将端口更改为 8000。

这是后端 package.json

"scripts": { "client-install": "npm install --prefix client", "start": "node server.js", "server": "nodemon server.js", "client": "npm start --prefix client", "dev": "concurrently \"npm run server\" \"npm run client\"", "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client", "test": "echo \"Error: no test specified\" && exit 1" },

和

"proxy": "http://localhost:8000",在您的客户端 package.json

于 2019-02-15T20:32:15.880 回答
0

解决方案在这里，首先同时安装（npm）。

"scripts": {
"client-install": "npm install --prefix client",
"start": "nodemon server.js",
"server": "nodemon server.js",
"client": "npm start --prefix client",
"dev": "concurrently \"cd server && npm server"\ \"npm run client"\"

比在你的 CLI 中： npm run dev
它的工作！SkraJ5

于 2021-10-04T15:43:15.697 回答