码迷,mamicode.com
首页 > 其他好文 > 详细

koa学习之路一

时间:2019-10-26 15:16:36      阅读:68      评论:0      收藏:0      [点我收藏+]

标签:形式   遇到   src   文件   图片   async   oca   简单   结果   

首先我们先创建一个我们要开发的项目的目录中,然后运行  npm init ,为我们的项目起个名字,然后一路回车,这样就会在我们的项目目录中创建一个最基本的 package.json 的文件,接下来安装我们要使用的 koa 模块  npm install koa --save ,这样我们就引入了 koa 模块,接下来就和 Express 模块是一样的操作流程,我们在项目目录中创建一个 app.js,在 app.js 中写我们的程序就可以了。

最终创建的项目目录如下:

技术图片

 

在 app.js 中写一个简单的案例:

var koa = require("koa");

var app = new koa();

// Express 写法
// app.use(function (req, res) {
//     res.send("hello word")
// });

app.use(async (ctx) => {
    ctx.body = "hello word"
});

app.listen(3000);

在上面的代码中,我们首先引入 koa 模块,然后创建一个 koa 实例,接下来和 Express 一样的是创建一个中间价,然后写一个异步函数来向前端页面返回数据。

Express 的写法在这里就不做过多解释了,我们来看一下 koa 写法,我们通过 async ()=>{} 的异步方法与前端建立连接,里面会有一个 cxt 的参数,我们可以通过 ctx.body 的形式向前端发送数据。

app.listen(3000); 来监听 3000 端口,我们将程序运行起来,在前端输入 localhost:3000

技术图片

 

 实际操作中遇到了一个大坑,忘记运行app.js,结果找了好久才发现原因。

 

koa学习之路一

标签:形式   遇到   src   文件   图片   async   oca   简单   结果   

原文地址:https://www.cnblogs.com/chao202426/p/11743156.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!