- 创建一个空文件夹，打开命令窗口，cd进入文件夹
- 运行npm init -y，初始化npm项目
- 运行 npm i -S koa 安装koa模块
- 创建 app.js 文件，内容如下
const Koa = require("koa");
const app = new Koa();
// port host
const port = process.env.PORT || 9000;
const host = process.env.host || 'localhost';
app.listen(port,host,()=>console.log("The service is running on http://"+host+":"+port));
到此一个简单的koa服务已经搭建好了，在命令窗口输入 node app.js 就可以启动服务了，下面配置路由
- 运行 npm i -S koa-router 安装路由模块，并配置路由
const Koa = require("koa");
const Router = require("koa-router");//导入路由模块
const app = new Koa();
const router = new Router();//创建路由实例
// port host
const port = process.env.PORT || 8080;
const host = process.env.host || 'localhost';
// router
router.get("/",async ctx => {
ctx.body = 'hello world!';
})
router.get("/hello",async ctx=>{
ctx.body = {name:"hello"}
})
app.use(router.routes());
app.use(router.allowedMethods());
app.listen(port,host,()=>console.log("The service is running on http://"+host+":"+port));
到此路由配置结束，启动服务，在浏览器输入 http://localhost:8080 就可以看到熟悉的 hello world 了。
- 配置跨域，安装 koa2-cors 模块，修改 app.js 如下：
const Koa = require("koa");//导入koa模块
const Router = require("koa-router");//导入路由模块
const cors = require("koa2-cors");//导入跨域模块
const app = new Koa();//创建koa实例
const router = new Router();//创建路由实例
// 定义允许跨域的origin
const allowOrigins = [
"http://192.168.0.1:8082",
"http://192.168.0.1:8083"
];
app.use(cors({
origin: function(ctx) {
if (allowOrigins.includes(ctx.header.origin)) {
return ctx.header.origin;
}
return false;
},
exposeHeaders: ['WWW-Authenticate', 'Server-Authorization'],
maxAge: 5,
credentials: true,
withCredentials:true,
allowMethods: ['GET', 'POST', 'DELETE'],
allowHeaders: ['Content-Type', 'Authorization', 'Accept'],
}));
// port host
const port = process.env.PORT || 9000;
const host = process.env.host || 'localhost';
// router
router.get("/",async ctx => {
console.log(111)
ctx.body = '{msg:"hello"}';
})
router.get("/list",async ctx=>{
ctx.body = "helloa "
})
app.use(router.routes());
app.use(router.allowedMethods());
app.listen(port,host,()=>console.log("The service is running on http://"+host+":"+port));
至此跨域就已经配置完成了。
- 最后配置应用程序自动重启，运行 npm i -D nodemon 安装 nodemon 模块，并且修改 package.json 文件如下：
"scripts": {
"dev": "nodemon ./app.js"
}
直接运行 npm run dev 就可以了，每一次修改文件内容 应用程序都会自动重启。ok，结束。
网友评论