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

時間 2019-12-08

標籤 mock 前端搭建模擬服務简体版

原文原文鏈接

在作前端開發接口的時候，每每接口都是從後端來的，這讓前端很苦惱，可是有了 MockServer ，前端也能夠搭建API服務了。javascript

server-mock是什麼？html

是一款nodejs的應用，用於搭建web服務器，模擬後端，方便前端去mock數據，是基於express（express是基於node.js平臺的web開發框架）前端

首先是安裝 node.js 和 npm ，其次纔是安裝 mockjava

npm install -g server-mock

這樣就是全局安裝好了 mock，安裝好後能夠 cd 到對應的目錄文件夾下 mock init node

mock init

能夠看到一個官方的示例。jquery

咱們能夠本身寫一個示例：web

新建一個 index.html express

<!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.jsnpm

router.use('/user', (req, res)=>{
  var username = req.query.username // 經過 req.query獲取請求參數
  var name = [];
  name = [username];
  res.send(name);
})

文件目錄結構：後端