6-5 写到这里,我这边老师报错

来源:6-5 使用 Mockjs 来模拟数据

慕桂英1611074

2017-03-23

http://szimg.mukewang.com/58d372cf00013fea05990847.jpg

写回答

4回答

fishenal

2017-03-23

jsonServer 需要安装以后才能使用


npm install json-server

https://www.npmjs.com/package/json-server


这里jsonServer 不太实用,建议通过我后来视频里说的express的方式搭建mockdata server。 你可以先把jsonServer这块的代码注释掉

0
1
慕桂英1611074
非常感谢!
2017-03-24
共1条回复

fishenal

2017-03-29

var apiServer = express()    
var bodyParser = require('body-parser')    
apiServer.use(bodyParser.urlencoded({ extended: true }))    
apiServer.use(bodyParser.json())    
var apiRouter = express.Router()    
var fs = require('fs')    
apiRouter.route('/:apiName')    
.all(function (req, res) {    
fs.readFile('./db.json', 'utf8', function (err, data) {    
if (err) throw err    
var data = JSON.parse(data)    
if (data[req.params.apiName]) {    
res.json(data[req.params.apiName])    
}    
else {    
res.send('no such api name')    
}    
})    
})    
apiServer.use('/api', apiRouter);    
apiServer.listen(port + 1, function (err) {    
if (err) {    
console.log(err)    
return    
}    
console.log('Listening at http://localhost:' + (port + 1) + '\n')    
})


0
0

念念熙

2017-03-25

嗯,其实你可以先跟着视频做一遍,老师都说得比较清晰的,jsonServer是一种方法,不过他只能用Get方式来请求,实例中不单单用到Get方式,所以后面老师有介绍express的方法,一起努力吧~

1
3
fishenal
回复
王林峰
那是因为当初用的是jsonserver, 我课程一起讲的,慕课剪辑的时候没明白细节,这里有些段落时要替换的。 就用express,用POST请求,其他的不用管了。
2017-03-29
共3条回复

动感超人9800

2017-03-29

//szimg.mukewang.com/58db2d1b0001454a03540205.jpg

//szimg.mukewang.com/58db2d1b0001c08005080305.jpg

//szimg.mukewang.com/58db2d1b0001a92c06530548.jpg

这样对吗

0
2
慕桂英1611074
你已经请求成功了呀 可以了
2017-04-07
共2条回复

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0,组件化开发一个数字产品电商平台

3966 学习 · 999 问题

查看课程