使用express模拟后台接口,创建mock文件夹,与src同级;
安装:
npm install express --save
npm install express --save-dev
1、index.js
var express=require('express');
var app=express();
var router=require('./router');
var bodyParser=require('body-parser');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended:true}))
app.use('/',router);
app.listen(3000,function(){
console.log(3000)
})
2、router.js
const express = require("express");
const router = express.Router();
const search=require('./data/Search');
const url=require('url');
// 搜素请求
router.get('/search',function(req,res){
console.log('搜索内容',url.parse(req.url,true).query.content)
res.send(search)
})
//反馈请求
router.post('/feelback',function(req,res){
const content=req.body.content
if(content){
res.send({msg:'ok'})
}else{
res.send({msg:'error'})
}
res.send()
})
module.exports = router;
3、data文件夹
可以自己模拟数据 Search.js
const fans=[
{
"id":01,
"name":'loveliness官方',
"sex":"女",
"age":'18-35岁',
"skin":'混合性肌肤'
},
{
"id":02,
"name":'蕊儿',
"sex":"女",
"age":'18-35岁',
"skin":'油性肌肤'
},
{
"id":03,
"name":'芮儿',
"sex":"女",
"age":'18-35岁',
"skin":'混合性肌肤'
},
{
"id":04,
"name":'蜜萌',
"sex":"女",
"age":'18岁',
"skin":'干性肌肤'
},
{
"id":05,
"name":'丫丫',
"sex":"女",
"age":'18-35岁',
"skin":'混合性肌肤'
},
{
"id":'01',
"name":'朵朵',
"sex":"女",
"age":'18-35岁',
"skin":'混合性肌肤'
},
]
module.exports=fans
4、启动服务
cd mock文件夹中,执行如下命令:
node index.js