在做前端開發接口的時候,往往接口都是從后端來的,這讓前端很苦惱,但是有了 MockServer ,前端也可以搭建API服務了。
server-mock是什么?
是一款nodejs的應用,用於搭建web服務器,模擬后端,方便前端去mock數據,是基於express(express是基於node.js平台的web開發框架)
首先是安裝 node.js 和 npm ,其次才是安裝 mock
npm install -g server-mock
這樣就是全局安裝好了 mock,安裝好后可以 cd 到對應的目錄文件夾下 mock init
mock init
可以看到一個官方的示例。
我們可以自己寫一個示例:
新建一個 index.html
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> $.get('/user',{username:'趙子龍',old:3}); </script> </body> </html>
在新建一個路由規則:router.js
router.use('/user', (req, res)=>{ var username = req.query.username // 通過 req.query獲取請求參數 var name = []; name = [username]; res.send(name); })
文件目錄結構:
切換到這個的根目錄,運行 mock start
mock start
這樣我們會看到:
在瀏覽器打開:
http://localhost:8080/
看到能夠正常訪問: