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

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

方法一

添加& npm run server
在这里插入图片描述
注意:Windows系统不可行

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

1、安装 concurrently 插件

npm install concurrently -D 

2、配置 npm 命令
在 package.json 中配置 start 命令:
在这里插入图片描述

"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\""
  },

参考博文

文档一
文档二
文档三

最近更新

  1. TCP协议是安全的吗?

    2024-06-14 07:52:06       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-14 07:52:06       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-14 07:52:06       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-14 07:52:06       18 阅读

热门阅读

  1. 【React】React 的useDebugValue作用是什么,怎么使用

    2024-06-14 07:52:06       5 阅读
  2. 介绍react

    2024-06-14 07:52:06       3 阅读
  3. van-list 遇到的问题

    2024-06-14 07:52:06       5 阅读
  4. postman接口测试工具详解

    2024-06-14 07:52:06       6 阅读
  5. React@16.x(27)useCallBack

    2024-06-14 07:52:06       8 阅读
  6. 深入理解服务器路由功能:配置与应用详解

    2024-06-14 07:52:06       4 阅读
  7. TCP是什么、UDP是什么,它们有什么区别

    2024-06-14 07:52:06       6 阅读
  8. WHAT - React 学习系列(一)

    2024-06-14 07:52:06       9 阅读
  9. .NET C# 实现国密算法加解密

    2024-06-14 07:52:06       3 阅读