vue+mysql实现登录页面连接数据库（向数据库里存数据）

效果展示：

网页输入账户密码：

数据库增加相应信息：

实现过程：

1. 建立server目录

2. server/api/userApi.js

//api路由
//userApi.js —— 测试用 API 示例

var models = require('../db');
var express = require('express');
var router = express.Router();
var mysql = require('mysql');
var $sql = require('../sqlMap');
// 连接数据库
var conn = mysql.createConnection(models.mysql);
conn.connect();
var jsonWrite = function (res, ret) {
   
    if (typeof ret === 'undefined') {
   
        res.json({
   
            code: '1', msg: '操作失败'
        });
    }
    else {
   
        res.json(
            ret
        );
    }
};
// 增加用户接口
router.post('/addUser', (req, res) => {
   
    var sql = $sql.user.add;
    var params = req.body;
    console.log(params);
    conn.query(sql, [params.username, params.password], function (err, result) {
   
        if (err) {
   
            console.log(err);
        }
        if (result) {
   
            jsonWrite(res, result);
        }
    })
});

router.get('/query',(req,res)=>{
   
    conn.query('select * from user',function(err,row){
   
        if(err){