详解vue express启动数据服务

秋天是秋高气爽、秋风瑟瑟的季节。农民伯伯在辛勤地收谷,秋天的大树落下了好多树叶像翩翩起舞的蝴蝶。夕阳的金辉把绿色的林海染成金黄一片。

这两天学习了一下vue和express结合,本文记录一下vue express启动数据服务

记录一下配置

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')
})

config->index.js配置

 proxyTable: {
    '/api/':'http://localhost:8081/'
  },

本文详解vue express启动数据服务到此结束。擦干当年所有的泪,所有的痛,遗忘悲伤,重新来过。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
Vue路由参数的传递与获取方式详细介绍

vue学习记录之动态组件浅析

vue如何实现列表固定列滚动

vue如何实现伸缩菜单功能

vue项目中canvas如何实现截图功能