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)