koa2+node+vue自启服务运行本地脚本

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)