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

作者: 图恩分类: 编程开发阅读: 1447发布时间： 2020-04-12 16:35:03

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

1、安装 concurrently 插件 npm install concurrently -D

2、配置 npm 命令在 package.json 中配置 start 命令： react-scripts start是启动前端React项目自带的命令； nodemon mock/server.js是启动本地接口服务的命令；

3、启动项目运行npm run start命令即可启动两个服务。注意：因为前端项目启动的端口和访问的接口的端口不是同一个，存在跨域，所以我们需要使用 proxy 来进行代理。

React项目使用 proxy 代理的方法在package.json文件中添加一条命令即可： "proxy": "http://localhost:3001" 3001端口就是接口服务的端口。