mock---前端搭建模擬服務


在做前端開發接口的時候,往往接口都是從后端來的,這讓前端很苦惱,但是有了 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/

看到能夠正常訪問:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM