Vuecli连接mysql

本文把前后台一起串起来，前端使用 vue-cli 后台用 nodejs 连接数据库，vue-cli 请求接口其数据是来自于 mysql 数据。
一、vue-cli 请求接口部分

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  mounted(){this.axios.get("api/list").then((res)=>{console.log(res.data[0]);
    })
  }
}
</script>

接口部分当然要设置代理了。设置代理连接：https://www.3mooc.com/front/a…
二、nodejs 连接数据部分

express-generator

1. 全局安装

    npm install express-generator -g

2. express --view=ejs 项目名称

    例如：express --view=ejs server

3. npm install mysql

var mysql      = require('mysql');
var connection = mysql.createConnection({
  host     : 'localhost',
  user     : 'root',
  password : 'rootroot',
  database : 'demo'
});

module.exports = connection;

var express = require('express');
var router = express.Router();
var connection = require('../db/sql.js');
/* GET home page. */
router.get('/', function(req, res, next) {res.render('index', { title: 'Express'});
});


router.get('/list', function(req, res, next) {connection.query("select * from user",function(error, results, fields){res.json(results);
     })
});


module.exports = router;

每日分享文章 - 附带视频教程：https://www.3mooc.com/front/c…