vue express启动数据服务

1、npm install vue-cli -g
2、vue init webpack my-webpack
3、npm install --save-dev (不加--save-dev在windows环境下报错)
4、npm run dev/build

在第二步骤中可以用 vue list 命令确定要下载的脚手架 

https://github.com/typicode/json-server ( 发post请求出错 )
npm install json-server --save-dev  ---  发送请求工具
修改文件路径为: 脚手架文件夹 --> build --> dev-server.js


vue express启动数据服务 - http://blog.csdn.net/itseven7/article/details/74332728
1.build->dev.sever.js配置
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')
})

2.config->index.js配置
proxyTable: {
   '/api/':'http://localhost:8081/'
 },

 

posted @ 2017-08-30 16:17  蛋Mrs炒饭  阅读(890)  评论(0编辑  收藏  举报