vue+nuxt+koa+mongodb寫一個博客(Day1)

vue nuxt koa2 mongodb 寫博客(Day1)

一.利用nuxt初始化項目

初始化項目有兩種方法：
1.vue init nuxt-community/koa-template <project-name>
此種方法在npm run dev時可能會遇到報錯,因爲如果使用此種方法安裝的是最新版本的nuxt.js。此時,只需要卸載nuxt.js並安裝1.4.2版本的nuxt.同時,升級eslint-plugin-html(npm i eslint-plugin-html@^3)

2.npm install npx -g(我直接全局安裝了)
npx create-nuxt-app <project-name>

二.安裝數據庫

在安裝了mongodb,並安裝了mongoose同時寫了一個demo測試一下數據庫、collection是否建起來了。
但是在這個過程中，遇到了一個post請求無法獲取到ctx.request.body的問題。
解決辦法：

1.安裝koa-bodyparser包
2.import bodyParser from 'koa-bodyparser'
3.app.use(bodyParser({
  extendTypes: ['json', 'text', 'form']
}))
4.再次打印ctx.request.body

三.接下來幾天需要完成的工作

1.大概看一下nuxt.js、koa2、mongoose的api並各寫一篇博客
2.登錄和註冊應該使用token,redis,session有關的知識,瞭解一下,並寫一篇博客。