vue+nuxt+koa+mongodb写一个博客(Day1)

vue nuxt koa2 mongodb 写博客(Day1)

一.利用nuxt初始化项目

初始化项目有两种方法：
1.vue init nuxt-community/koa-template
此种方法在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

二.安装数据库

在安装了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有关的知识,了解一下,并写一篇博客。