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 -g2. express --view=ejs 项目名称    例如： express --view=ejs server3. 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...