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)

转载于:https://www.cnblogs.com/0915ty/p/9330411.html

你可能感兴趣的:(koa2+node+vue自启服务运行本地脚本)