Vue之用户登录功能（五）连接MongoDB数据库

安装MongoDB

1、参考安装，启动MongoDB，并注册为Windows服务
2、创建test数据库和users表
3、在users表中插入一条数据

连接数据库

4、回到之前创建的login-server项目，引入mongodb和mongoose
npm i mongodb mongoose --save

5、在目录models/下创建user.js文件

var mongoose = require('mongoose')

var userSchema = new mongoose.Schema({
    name: String,
    pass: String,
    nickname: String
})

module.exports = mongoose.model('User', userSchema)

6、修改route/users.js，删除掉之前的模拟数据，改为通过User模型获取数据

var express = require('express')
var router = express.Router()

var User = require('../models/user')

router.route('/validate').post((req, res) => {
    User.findOne({name:req.body.name, pass:req.body.pass}, (err, user) => {
        if (err) {
            console.log(err)
        }
        res.json(user)
    })
})

module.exports = router

7、最后将连接数据库的代码加入到app.js中

var express = require('express')
var app = new express();
var router = require('./router/users')
var url = 'mongodb://127.0.0.1:27017/test'
var mongoose = require('mongoose')
mongoose.connect(url, (err) => {
    if (err) {
        console.log(err)
    } else {
        console.log('mongodb connect success')
    }
})

bodyParser = require('body-parser')
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())

app.use('/users',router) // 将路由注册到/users的路径下

var port = process.env.PORT || 3000

app.listen(port)
console.log('app is listening on port:' + port)

测试连接

8、启动服务器
node app.js

9、用http工具（Postman或firebug）向服务器发送POST请求

小结

本阶段已将后端服务器与数据库相连，下个阶段将回到Vue工程中，通过axios发送ajax请求与后端服务器进行通信

Tips

router目录下面的文件名需要与mongodb的collection名一致