注明：本人使用的是mongoose版本為v4.13.7俐巴，所有數(shù)據(jù)均來自Mongoose官網(wǎng)。項目框架采用的是nuxt+express+mongodb沧踏。如有不清楚的請自行百度學(xué)習(xí)喉镰。
1内贮、安裝mongodb栖疑，如有對mongodb不清楚者讨永，請點擊這里MongoDB學(xué)習(xí)下，再次不做贅述遇革。
2卿闹、使用vue-cli腳手架搭建項目結(jié)構(gòu)，對于Nuxt不熟悉的同學(xué)可以點擊這里Nuxt官網(wǎng)澳淑。
$ vue init nuxt-community/express-template <project-name>’’
如果 vue-cli 沒有安裝, 需先通過npm install -g vue-cli 來安裝比原。
然后安裝依賴包
$ cd <project-name>
$ npm install
生成的項目結(jié)構(gòu)如下圖所示：
image.png
3、安裝mongoose
$ npm install mongoose --save
4杠巡、使用mongoose連接MongoDB,引入mongoose模塊，并使用mongoose.connect連接MongoDB：
import mongoose from "mongoose"
//定義mongodb數(shù)據(jù)庫連接地址雇寇，‘‘yep’’為數(shù)據(jù)庫名氢拥，
const dbUrl = 'mongodb://localhost/yep'
//連接方法
mongoose.connect(dbUrl,{
useMongoClient:true //這個字段標(biāo)識新建或者鏈接已有數(shù)據(jù)庫鏈接~set to true to use new mongoose connection logic
})
// 用此方法監(jiān)聽連接狀態(tài)
let db = mongoose.connection
db.on('error', console.error.bind(console, 'Mongodb connect error !'))
db.once('open', function () {
console.log('Mongodb started !')
})
我們現(xiàn)在在server/index.js中加入該段代碼：
image.png
5蚌铜、開啟MongoDB服務(wù)，我下載安裝的是Mac版本嫩海，并且安裝的自定義目錄冬殃，所以使用mongod --dbpath /Users/qiangf/mongodb ,（‘/Users/qiangf/mongodb’）為我自定義安裝MongoDB的目錄，windows系統(tǒng)請移步這里查看叁怪。
6审葬、運行項目查看MongoDB是否成功連接，成功奕谭，如果連接成功則命令行提示'Mongodb started !'
$ npm run dev
image.png
