我們開發(fā)前端項(xiàng)目時(shí)吼句，有時(shí)候需要本地 mock 數(shù)據(jù)锅必，這樣就需要啟動兩個(gè)服務(wù)，一個(gè)是接口服務(wù)惕艳，一個(gè)是前端項(xiàng)目况毅。可以安裝一個(gè)插件來幫助我們通過一個(gè)命令啟動兩個(gè)服務(wù)尔艇。
1尔许、安裝 concurrently 插件
npm install concurrently -D
2、配置 npm 命令
在 package.json 中配置 start 命令：
image.png
react-scripts start是啟動前端React項(xiàng)目自帶的命令终娃；nodemon mock/server.js是啟動本地接口服務(wù)的命令味廊；項(xiàng)目目錄結(jié)構(gòu)
image.png
3、啟動項(xiàng)目
運(yùn)行npm run start命令即可啟動兩個(gè)服務(wù)。
注意：因?yàn)榍岸隧?xiàng)目啟動的端口和訪問的接口的端口不是同一個(gè)余佛，存在跨域柠新，所以我們需要使用 proxy 來進(jìn)行代理。
React項(xiàng)目使用 proxy 代理的方法
在package.json文件中添加一條命令即可：
"proxy": "http://localhost:3001"
3001端口就是接口服務(wù)的端口辉巡。
