vue-cli 中小型的 ‘express’！

第一步 vue init webpack 项目名 //创建vue-cli 项目

第二步 npm i // 下载依赖

第三步 npm i mysql --save //下载mysql依赖

第四步 npm i axios --save //下载axios 依赖

第五步在根路径创建一个server 的文件夹里面创建一个index.js 的请求数据库的sql

let express=require("express");//引入没有提示
let router =express.Router();
let mysql=require("mysql");

let conection=mysql.createConnection({//创键数据库连接
    host:"localhost",
    user:"root",
    port:3306,
    password:"sa",
    database:"flight",
});
conection.connect();//检测连接
router.get('/sel',function (req,res) {
    conection.query("select * from userinfo",(err,result)=>{
      res.json(result);
    });
});

module.exports=router;//导出

第六步在build文件夹里webpack.dev.conf.js 引入 server 文件夹

vue-cli 中小型的 ‘express’！

例如

let server=require("../server")

在下面配置语句里添加 before()方法
例如

before(app){
  app.use('/api',server);
}

这样就可以请求数据库了(*^▽^*)！

如果有报错仔细检查index.js 创建数据库连接信息是否正确

做一下笔记！