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

2019年10月2日 178次阅读 来源: qqqq

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>

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

二.安装数据库

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

    原文作者：qqqq
    原文地址: https://segmentfault.com/a/1190000017328168
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞