基于vue-cli及express模拟Ajax获取服务器数据

由于vue-cli已经配置好express服务器，可以直接使用，也无需在node中配置其他选项

1、在项目中找到配置文件 ：build/dev-server.js

     先确定已经引入express

     

确定express已经引入，接下来就是申明与配置express服务器，

         

 var apiServer = express()    //名称apiServer根据项目自定义，避免冲突为原则
var bodyParser = require('body-parser')  //express必须要进行的配置
apiServer.use(bodyParser.urlencoded({ extended: true }))  //
apiServer.use(bodyParser.json())
var apiRouter = express.Router()  //配置路由，名称同样可以自拟
var fs = require('fs')
apiRouter.route('/:apiName')    //apiName为接口名称
.all(function (req, res) {    // .all即支持包括get\post在内的所有xhr请求
  fs.readFile('./db.json', 'utf8', function (err, data) {   //db.json 自己配置的模拟数据需要放置到
    if (err) throw err
    var data = JSON.par