koa是express原班人马打造的新一代的web服务,
要在vue中运行koa
1.安装koa ======> cnpm i koa -S
2.koa中不像expressname齐全,没有自带路由模块,所以需要安装路由, =======>cnpm i koa -S
3.在项目中新建一个servers文件夹,存放koa相关的脚本,创建一个app.js和route.js
4.准备工作已经做好,现在写个基于koa的本地服务
const Koa = require('koa') // 引入koa模块
let app = new Koa() // 实例化koa
app.listen(3000) // 监听的端口,运行在本地环境下所以host默认是localhost或者127.0.0.1
在当前项目中打开cmd命令,输入 node ./servers/app.js 服务已经启动了,但是什么东西都没有
5. 让我们写点东西,显示出来
首先 const Koa = require('koa') // 引入koa模块
let app = new Koa() // 实例化koa
const main = ctx => {
ctx.body = 'hello world'
}
app.use(main)
app.listen(3000, () => {
console.log('the project is running at 127.0.0.1:3000')
}) // 监听的端口,运行在本地环境下所以host默认是localhost或者127.0.0.1
在当前项目中打开cmd命令,输入 node ./servers/app.js 服务已经启动了,打开浏览器输入127.0.0.1:3000
页面会有hello world字样
6. 基础已经学好,来看看koa的路由,koa的路由是独立存在的所以需要先引入koa-router
const router = require('koa-router')() // 引入koa-router 并实例化一步搞定
router.get/post/put/remove.... router的方法
以最常用的get/post为例
router.get('/login', async(ctx,next) =>{ //next koa的中间件
ctx.body = {
key: 123,
value:456
}
await next()
}).post('/login',async (ctx,next)=> {
ctx.body = {
'hello world'
}
})
// 支持链式操作
app.use(router.routes())
app.listen(3000)