1. 程式人生 > >vue+nuxt+koa+mongodb寫一個部落格(Day1)

vue+nuxt+koa+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 [email protected]^3)

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

圖片描述

二.安裝資料庫

在安裝了mongodb,並安裝了mongoose同時寫了一個demo測試一下資料庫、collection是否建起來了。
但是在這個過程中,www.smy1.com遇到了一個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並各寫一篇部落格