美文网首页让前端飞Web前端之路
如何使用npm run start命令运行两个服务

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

作者: hahalang | 来源:发表于2020-03-09 11:45 被阅读0次

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

1、安装 concurrently 插件

npm install concurrently -D

2、配置 npm 命令

在 package.json 中配置 start 命令:

image.png
react-scripts start是启动前端React项目自带的命令;
nodemon mock/server.js是启动本地接口服务的命令;
项目目录结构 image.png

3、启动项目

运行npm run start命令即可启动两个服务。
注意:因为前端项目启动的端口和访问的接口的端口不是同一个,存在跨域,所以我们需要使用 proxy 来进行代理。
React项目使用 proxy 代理的方法
在package.json文件中添加一条命令即可:

"proxy": "http://localhost:3001"

3001端口就是接口服务的端口。

相关文章

网友评论

    本文标题:如何使用npm run start命令运行两个服务

    本文链接:https://www.haomeiwen.com/subject/eypudhtx.html