json-server實現mock數據(一)

1.安裝

npm install json-server --save-dev

2.應用

2-1.新建一個文件db.json(用來寫返回接口數據)

// db.json
	{
		news: {
			“a”: 1
		}
	}

2-2.新建server.js文件

	// server.js
                 const jsonServer = require('json-server')
		const server = jsonServer.create()
		// 根據db.json文件自動生成路由規則
		const router = jsonServer.router('db.json')
		const middlewares = jsonServer.defaults()
		const dbs = require(‘./mock/postdb.js’)

		server.use(middlewares)
		server.get("/getdata",function(req,res){
    			res.send(dbs.getData);
		});
		server.post(“/postdata",function(req,res){
    			res.send(dbs.postData);
		});
		server.use(router)
		server.listen(9999, () => {
  			console.log('JSON Server is running at port 9999’)
		})

tip: 除此之外，我們還可以在新建一個postdb.js文件， 用來自定義返回的接口數據，
然後通過server.get(‘地址’, function() { …… })
或者server.post(‘地址’, function() { …… })
eg:

```
	module.exports = { 
	getSide: {
   			 status: 0,
   			 data: 10,
   			 result: [{
      		  code: 1,
        		  name: 'hello'
   			 }]
		}
}
	```
    通過訪問： http:localhost:9999/api/getSide, 即可獲取到數據。

3.啓動

node server.js

4.效果

用postman進行測試：
4-1. 獲取news數據：

4-2. 獲取news數據中id爲2的數據：



4-3. 如果要對數據進行追加操作， 可以用post請求； eg:


發送請求成功後， 再來看news的數據：



如果需要修改數據， 可以用put：



此時數據就被更改了：



同理，delete模擬刪除， 此處不再演示

參考文檔： https://github.com/typicode/json-server