码迷,mamicode.com
首页 > 数据库 > 详细

Vue-cli连接mysql

时间:2019-10-07 13:33:52      阅读:567      评论:0      收藏:0      [点我收藏+]

标签:ports   tle   LEDE   www   tps   sel   lib   连接数   ios   

本文把前后台一起串起来,前端使用vue-cli后台用nodejs连接数据库,vue-cli请求接口其数据是来自于mysql数据。
一、vue-cli请求接口部分
<template>
  <div id="app">
    <img src="./assets/logo.png">
    <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/articleinfo/441
二、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/couinfo/1002

Vue-cli连接mysql

标签:ports   tle   LEDE   www   tps   sel   lib   连接数   ios   

原文地址:https://www.cnblogs.com/ganjiang/p/11629800.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!