Vue打造本地后台服务

在开发时，一个仿造的后台服务对于前端开发来说是非常重要的。通过Vue-cli创建的项目可以很好的支持。
1.安装express
express是node.js的一个后台服务框架，使用命令来安装

npm install express

2. 在build目录下的webpack.dev.conf.js文件中， 添加如下代码：

const express = require('express')
const app = express()
var appData = require('../db.json')
var apiRoutes = express.Router()
app.use('/api', apiRoutes)

位置如图所示：

3. 在webpack.dev.conf.js文件中找到devServer，在里面添加如下代码：

 before(app) {
      app.get('/api/login', (req, res) => {
        res.json({
          errno: 0,
          data: appData.login
        })//接口返回json数据，上面配置的数据seller就赋值给data请求后调用
      })
    },

位置如图所示：

4.Json文件：

{
  "login": {
    "username": "yudongdong",
    "userId": 123123
  },
}

只需要简单的几步，就可以实现一个本地的后台服务。