从零搭建koa服务并允许跨域

1. 创建一个空文件夹，打开命令窗口，cd进入文件夹
2. 运行npm init -y，初始化npm项目
3. 运行 npm i -S koa 安装koa模块
4. 创建 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 就可以启动服务了，下面配置路由

5. 运行 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 了。

6. 配置跨域，安装 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));

至此跨域就已经配置完成了。

7. 最后配置应用程序自动重启，运行 npm i -D nodemon 安装 nodemon 模块，并且修改 package.json 文件如下：

"scripts": {
    "dev": "nodemon ./app.js"
}

直接运行 npm run dev 就可以了，每一次修改文件内容 应用程序都会自动重启。ok，结束。