本文把前后台一起串起来,前端使用vue-cli后台用nodejs连接数据库,vue-cli请求接口其数据是来自于mysql数据。
一、vue-cli请求接口部分
export default {
name: 'App',
mounted(){
this.axios.get("api/list").then((res)=>{
console.log(res.data[0]);
})
}
}
复制代码
二、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;
复制代码