Vue2查询数据库

新到手的一个Vue2项目，只有一个接口，参数是sql语句，因为要加需求，问了前辈得知该项目自测用mock不方便（只能查询），前辈写了一个简单的node本地服务器（前后端不方便联调）

var mysql      = require('mysql');
var express = require('express');
var bodyParser = require('body-parser');
var app = express();
app.use(bodyParser.json());
var server = app.listen(8081)
// 数据库
var connection = mysql.createConnection({
  host     : 'localhost',
  post     : 3306,
  user     : 'root',
  password : 'xx',
  database : 'xx'
});
app.all('*', function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
  res.header("X-Powered-By",' 3.2.1')
  res.header("Content-Type", "application/json;charset=utf-8");
  next();
});
// 查询接口
app.all('/webclient', function (req, res) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
  res.header("X-Powered-By",' 3.2.1')
  res.header("Content-Type", "application/json;charset=utf-8");

  console.log(req);
  var  sql = req.body.params.sql;
  connection.query(sql,function (err, result) {
    if(err){
      console.log('[SELECT ERROR] - ',err.message);
      return;
    }
    res.send({
      data:{
        list:result
      },
      desc: "操作成功",
      error:0
    });
  });
})

Network：

数据库：Mysql‘

 也是第一次做Vue2 + Mysql + node的项目，虽然整体都已经搭好了，但感觉自己也会收益很多