如何在同一条npm命令行中启动两个本地的server

最新推荐文章于 2023-12-10 16:52:29 发布
最新推荐文章于 2023-12-10 16:52:29 发布
阅读量752 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript node 文章标签： npm json-server 工程化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/generalfyx/article/details/95968538
博主在本地做mock - server时，需同时启动本地server和mock server，使用json - server，在script里新建脚本命令时用&&无法成功，仅执行前一个命令。解决办法是借用concurrently工具，新建命令mock，可同时启动两个server，要注意端口号不能相同。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

引言

最近在本地做mock-server的时候，需要起本地的server，同时也需要起一个mock的server，我这里用的是json-server。

这样就需要在script里新建一个server的脚本命令。

&&：这个时候用&&并不会成功，只会执行前面的那个命令。

解决办法：

我们需要借用一下concurrently这个工具

执行

npm install -g concurrently

然后新建一个命令：mock

mock: "concurrently 'npm:mockServer' 'npm:start' "

这样就可以同时起两个server，需要注意端口号一定不能不同。

mockServer和start分别是你之前定义好的两个命令。

35. 如何把本地开发的 SAP UI5 应用部署到 ABAP 服务器上
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
02-08 4603
本教程前 34 个步骤， SAP UI5 应用一直是在本地 Visual Studio Code 中开发并通过本地命令行 ui5 serve 启动然后本地测试的。 本步骤我们将学习，如何使用 SAP UI5 Tools 的命令行，一键将这个本地开发好的 SAP UI5 应用，部署到 ABAP On-Premises 服务器上运行。 要按照本步骤介绍的指令进行练习，必须先有一个可以使用的 ABAP On-Premises 系统才行。 本文介绍详细的把 SAP UI5 部署到 ABAP 服务器上的步骤。....
npm - package.json 配置项详解
资深程序员
04-26 2634
前言 它是一个位于 Node.js 项目根目录中的配置文件，管理整个项目的依赖项和元数据。 像 npm / yarn 这类包管理工具， 通过 package.json 文件识别项目并了解如何处理项目的依赖关系。 例如，您拿到项目后，一定使用过如下命令： npm i 那它是怎么知道你项目依赖哪些包呢？有答案了吧！ 配置详解 地方 【package.json 详解】 https://segmentfault.com/a/1190000022329597 https://www.jianshu.com
npm 运行多个项目
日晞的博客
01-15 1742
背景：对于一个写的项目需要把一部分代码发布到一个地方，另外一部分代码发布到另一个地方 这时需要把整个项目分成两个项目 然后要同时运行整个项目，这样才能让整个项目流程走通 如图：整个绿色代表最初的整个项目，你把整个项目（绿色）分成模块1 和模块2；项目流程是按黑色箭头走的，那么需要同时运行两个项目，才能让整个流程走通。 ​​​​​​​​​​​​​​ 在终端里运行用npm 指令: 安装： npm i concurrently --save 设置package.json "scri
如何用 npm 同时执行两条监听命令
weixin_30883311的博客
05-09 164
在日常项目中启动项目 需要启动项目可能需要不止一条命令 这就很麻烦 要开启两个bash 很麻烦 终于找到了比较好的解决方案 例如我的: npm run dev //启动项目项目 npm run json //启动3003端口模拟后端 在百度的时候看有些人使用拼接可以实现 "mock_server": "json-server mock/db.json --port 3003 &", "se...
npm script命令同时开启多个监听服务concurrently
qq_41960337的博客
12-24 1028
安装依赖： npm install concurrently --save-dev 或者 npm install -g concurrently 使用： "start": "concurrently \"node build/dev-server.js\" \"cd server && node index.js\"",
一个npm命令同时运行前后端两个项目
f980815的博客
10-30 1112
npm iconcurrently -D 在package.json中 "scripts": { "start": "concurrently \"yarn dev\" \"yarn test\"", }, 运行结果： [0] 第一个项目，[1] 第二个项目 [0] xxxxxxxx 第一个项目在控制台打印的消息。
npm一次性开启两个服务
小火车况且况且况且的博客
08-06 906
npm一次性开启两个服务 安装concurrently github地址 npm i concurrently -g全局安装 修改package.json中的scripts"scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", "dev": "no
webpack-httpolyglot-server:使用mscdexhttpolyglot通过Webpack开发服务器的同一端口提供HTTPhttps
05-01
在开发模式下需要使用一个https webpack服务器（“），并且对于Window，Popup和Background功能，我们还需要http，我只是不想为此打开两个webpack服务器，所以我做了一个工具，提供一种简单的实现方法。 安装 $ npm ...
npm系列：cli command
感恩、奋进、自信
09-23 1475
1、npm access：设置已发布包的访问级别 npm access public [<package>]：公开 npm access restricted [<package>]：受限 添加或删除用户或team对于包的只读/读写权限： npm access grant <read-only|read-write> <scope:team> [<package>] npm access revoke <scope:team> [
111. SAP UI5 FileUploader 控件实现本地文件上传，接收服务器端的响应时遇到跨域访问错误
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
07-28 502
使用 SAP UI5 FileUploader 控件上传本地文件时，为什么回到跨域访问错误(Blocked a frame with origin "http://localhost:8080" from accessing a cross-origin frame)？本文将详细分析原因。
concurrently第三方库 —— 一条命令同时启动后端服务器和前端Vue项目（开发期间小技巧）
Concise200的博客
03-08 2285
在写项目的过程中发现了一个很好用的第三方包concurrently，可以通过一条命令npm run dev同时启动后端服务器与前端Vue项目、在开发期间非常方便。 注意：但是最好先把前端项目的文件夹放到后端的文件夹中!!（开发完再移出，并删除配置即可） 1.执行npm i concurrently进行安装 2.在前端项目的package.json的scripts中添加"start": "npm run serve" "scripts": { "start": "npm run serve" }
node+npm 启本地server
bulucc的博客
03-04 1769
node+npm 启本地server
终端一条命令同时启动前后端服务项目
Anonymous996的博客
09-09 1493
什么！ 一条命令启动两个脚本？ 这段时间再看全栈项目，发现两个独立文件夹都需要启动，而且还是一个个启动。操作多了就倦了。 我的项目是安装了挺多东西的。 // 这个是全局的，属于项目通用 npm install -g nodemon // 实现组件的按需打包 npm install --save-dev babel-plugin-import react-app-rewired // 在vue或者React项目中安装 npm install concurrently --save 接下来我们
如何使用npm指令同时启动vue前端和python后端
m0_57236802的博客
12-10 762
要使用 npm 指令同时启动 Vue 前端和 Python 后端，您可以在项目的。文件中设置一个自定义脚本来同时运行两个服务。或类似的工具来实现的，它允许在同一个命令下并行运行多个命令。分别是启动 Vue 应用和 Python 服务器的命令，而。时，Vue 前端和 Python 后端将同时启动。为您的 Python 后端实际文件路径。命令将同时运行这两个命令。这样设置后，当您运行。
npm 运行html项目,一个npm命令同时运行前后端两个项目
weixin_39598501的博客
06-21 301
linux下用命令运行kettle中的trans并传参数linux下用命令运行kettle中的trans并传参数 这个比较简单直接上命令 ./pan.sh -file=/home/impdatahd/kettle/kettle_transition/test01.ktr -logfile = /home/impdatahd/kettle/log/zhengkw.log -trans =test01...
配置package.json 使一次npm run start 执行两个指令或者多个指令
热门推荐
div_ma的博客
06-05 2万+
在配置json-server的时候，做虚拟数据的时候遇到一个问题，就是json-server的服务需要通过指令json-server ./mock/db.json –port 3003；然而react 也需要npm run start启动；每次都得输入两次来启动这两个服务很烦； 我就想有没有方法可以只输入一次npm run start 来同时启动这两个服务；然后搜索资料说使用&amp;amp;amp;&amp;amp;amp;...
npm run 同时启动两个脚本
jam476的专栏
07-01 2264
有个后台项目需要同时启动后台页面和启动脚本监听前端页面，监听是用的puppeteer来模拟浏览页面，整个项目部署在docker容器上。 起先是打算在dockerfile 里用RUN去跑npm run 命令，发现每次都超时，翻阅了一下docker了解了RUN、CMD以及ENTRYPOINT的一些区别，RUN是用来build整个容器，CMD才是等容器完成后去启动命令的，但一个DockerFile只能有一个CMD，第二个CMD会把第一个覆盖掉，就试着用&&去链接两个npm，发现每次只跑了前面但命
使用npm start 一键启动两个node.js程序 之 package.json的scripts 编写规范
grgrgrr的博客
07-29 1451
nodejs如何在package.json中设置多条启动命令
laravel 中 npm run 同时执行多个命令
q515656712的博客
10-21 1329
在使用laravel 启动项目时 经常需要同时运行两个命令。可以安装 使用 concurrently 进行并行启动。之后修改 package.json。scripts 中增加。
云服务器如何同时启动两项目
最新发布
03-24
<think>好的，我现在需要回答用户关于如何在云服务器上同时运行多个项目的问题。首先，我需要回忆之前学过的相关知识，并结合提供的引用内容来整理思路。 用户的问题很明确，想在同一台云服务器上同时启动两个项目。根据引用内容，有几个方法可以实现这一点。首先，引用[2]提到通过设置主机名（即虚拟主机）的方式在Web服务器上运行多个网站，这可能适用于不同的Web项目。引用[3]则具体提到了使用Nginx部署多个Vue项目，说明反向代理和端口配置是一个方法。引用[4]也讨论了通过不同IP或端口来运行多个网站，这可能适用于其他类型的项目。另外，引用[5]提到部署Spring Boot项目时需要调整配置文件，这可能涉及到端口号的修改或者使用不同的环境配置。 接下来，我需要将这些方法系统地整理出来。常见的方法包括使用不同端口、虚拟主机、反向代理（如Nginx）、容器化技术（如Docker）以及进程管理工具（如PM2）。需要确保每个方法的步骤清晰，并且结合引用中的具体例子，比如Nginx配置多个server块，或者使用不同端口启动应用。 同时，需要注意用户可能的场景，例如是否都是Web项目，还是混合类型的应用。例如，如果两个项目都是Web服务，使用Nginx反向代理不同的域名到不同的端口是一个常见做法。如果是后端服务，可能需要修改各自的监听端口，或者使用容器隔离环境。 还需要考虑资源分配的问题，比如服务器的内存、CPU是否足够同时运行多个项目。此外，安全性和维护性也是需要考虑的因素，例如使用Docker可以更好地隔离环境，但可能需要更多的配置。 最后，根据引用中的信息，确保建议的方法有实际的操作步骤，例如修改Nginx配置文件的示例，或者如何通过命令行启动不同端口的应用。同时，生成的相关问题需要与主题紧密相关，帮助用户进一步探索可能出现的问题或优化方法。</think>在云服务器上同时运行多个项目的配置方法可分为以下几种方式，具体选择取决于项目类型和技术需求： --- ### 一、使用不同端口号部署 **适用场景**：后端服务（如Spring Boot）、Web应用等。 **步骤**： 1. **修改项目端口** 在项目配置文件中指定不同端口，例如： ```yaml # Spring Boot的application.yml server: port: 8080 # 项目1 ``` 第二个项目改为`server.port=8081`[^5]。 2. **启动项目** 分别运行两个项目的启动命令，确保端口不冲突： ```bash java -jar project1.jar --server.port=8080 java -jar project2.jar --server.port=8081 ``` --- ### 二、虚拟主机（Nginx反向代理） **适用场景**：Web项目（如Vue、React、静态网站）[^3][^4]。 **步骤**： 1. **配置Nginx多服务块** 在`/etc/nginx/conf.d/`目录下创建两个配置文件（如`project1.conf`和`project2.conf`）： ```nginx # project1.conf server { listen 80; server_name domain1.com; location / { root /var/www/project1; index index.html; } } ``` ```nginx # project2.conf server { listen 80; server_name domain2.com; location / { root /var/www/project2; index index.html; } } ``` 2. **绑定域名解析** 在DNS服务商处将`domain1.com`和`domain2.com`解析到服务器IP。 3. **重启Nginx** ```bash nginx -s reload ``` --- ### 三、容器化部署（Docker） **适用场景**：需环境隔离的复杂项目。 **步骤**： 1. **编写Dockerfile** 为每个项目定义容器配置。 2. **使用Docker Compose启动** 创建`docker-compose.yml`，指定不同端口和网络： ```yaml services: project1: image: project1-image ports: - "8080:8080" project2: image: project2-image ports: - "8081:3000" ``` 3. **运行服务** ```bash docker-compose up -d ``` --- ### 四、进程管理工具（PM2） **适用场景**：Node.js等脚本语言项目。 **步骤**： 1. **全局安装PM2** ```bash npm install pm2 -g ``` 2. **启动多个项目** ```bash pm2 start app1.js --name "project1" pm2 start app2.js --name "project2" ``` 3. **查看运行状态** ```bash pm2 list ``` --- ### 注意事项 1. **资源监控** 使用`top`或`htop`查看CPU/内存占用，避免资源耗尽。 2. **防火墙配置** 开放对应端口（如`8080,8081`）： ```bash firewall-cmd --zone=public --add-port=8080/tcp --permanent firewall-cmd --reload ``` 3. **日志分离** 为每个项目配置独立的日志路径，便于排查问题。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值