标签:形式 遇到 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,结果找了好久才发现原因。
标签:形式 遇到 src 文件 图片 async oca 简单 结果
原文地址:https://www.cnblogs.com/chao202426/p/11743156.html