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、koa二、mongoose的api并各写一篇博客
2.登陆和注册应该使用token,redis,session有关的知识,了解一下,并写一篇博客。