注明:本人使用的是mongoose版本为v4.13.7,所有数据均来自Mongoose官网。项目框架采用的是nuxt+express+mongodb。如有不清楚的请自行百度学习。
1、安装mongodb,如有对mongodb不清楚者,请点击这里MongoDB学习下,再次不做赘述。
2、使用vue-cli脚手架搭建项目结构,对于Nuxt不熟悉的同学可以点击这里Nuxt官网。
$ vue init nuxt-community/express-template <project-name>’’
如果 vue-cli 没有安装, 需先通过npm install -g vue-cli
来安装。
然后安装依赖包
$ cd <project-name>
$ npm install
生成的项目结构如下图所示:
3、安装mongoose
$ npm install mongoose --save
4、使用mongoose连接MongoDB,引入mongoose模块,并使用mongoose.connect连接MongoDB:
import mongoose from "mongoose"
//定义mongodb数据库连接地址,‘‘yep’’为数据库名,
const dbUrl = 'mongodb://localhost/yep'
//连接方法
mongoose.connect(dbUrl,{
useMongoClient:true //这个字段标识新建或者链接已有数据库链接~set to true to use new mongoose connection logic
})
// 用此方法监听连接状态
let db = mongoose.connection
db.on('error', console.error.bind(console, 'Mongodb connect error !'))
db.once('open', function () {
console.log('Mongodb started !')
})
我们现在在server/index.js中加入该段代码:
5、开启MongoDB服务,我下载安装的是Mac版本,并且安装的自定义目录,所以使用mongod --dbpath /Users/qiangf/mongodb
,(‘/Users/qiangf/mongodb’)为我自定义安装MongoDB的目录,windows系统请移步这里查看。
6、运行项目查看MongoDB是否成功连接,成功,如果连接成功则命令行提示'Mongodb started !'
$ npm run dev