【React】如何使用npm run start命令运行两个服务

我们开发前端项目时,有时候需要本地 mock 数据,这样就需要启动两个服务,一个是接口服务,一个是前端项目。可以安装一个插件来帮助我们通过一个命令启动两个服务。

方法一

添加& npm run server

注意:Windows系统不可行

方法二:Windows系统可行的办法

1、安装 concurrently 插件

javascript 复制代码
npm install concurrently -D 

2、配置 npm 命令

在 package.json 中配置 start 命令:

javascript 复制代码
"scripts": {
    "serve": "craco start",
    "build": "craco build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "server": "json-server ./server/data.json --port 8888",
    "start": "concurrently \"npm run serve\" \"npm run server\""
  },

参考博文

文档一
文档二
文档三

相关推荐
一只小风华~3 分钟前
学习笔记:Vue Router 中的链接匹配机制与样式控制
前端·javascript·vue.js·笔记·学习·ecmascript
Jerry_Rod13 分钟前
react+umijs 项目快速学习
前端·react.js
京东云开发者18 分钟前
浅析cef在win和mac上的适配
前端
uhakadotcom26 分钟前
在chrome浏览器插件之中,options.html和options.js常用来做什么事情
前端·javascript·面试
西瓜树枝29 分钟前
Chrome 扩展开发从入门到实践:以 Cookie 跨页提取工具为例,拆解核心模块与交互逻辑
前端·javascript·chrome
gplitems12340 分钟前
Download:Blaxcut - Barbershop & Hair Salon WordPress Theme
前端
拜无忧40 分钟前
【DEMO】互动信息墙 - 无限流动版-点击放大
前端
AliPaPa1 小时前
你可能忽略了useSyncExternalStore + useOptimistic + useTransition
前端·react.js
parade岁月1 小时前
nuxt和vite使用环境比变量对比
前端·vite·nuxt.js