使用koa托管静态资源文件

npm install koa-static --save

创建静态资源文件夹：

一，创建koa服务器，托管静态资源的文件夹

// 导入koa，和koa 1.x不同，在koa2中，我们导入的是一个class，因此用大写的Koa表示:
const Koa = require('koa');
//注意require('koa-router')返回的是函数:
const router = require('koa-router')();
//设置跨域
const cors = require('koa2-cors'); //跨域处理
//导入post请求参数处理的插件
const bodyParser = require('koa-bodyparser');
// 引入静态资源中间件，静态web服务
const staticResource = require('koa-static');
// 引入node的path模块
const path = require('path')

// 创建一个Koa对象表示web app本身:
const app = new Koa();
app.use(cors());
// add router middleware:
app.use(bodyParser());
//配置静态资源中间件
app.use(staticResource(path.join(__dirname,'public')))

// get请求是动态路由时获取参数的方法
router.get('/hello/:name', async (ctx, next) => {
    var name = ctx.params.name;
    ctx.response.body = `
Hello, ${name}!
`;
});

//获取get请求的参数的方法
router.get('/testgetparams', async (ctx, next) => {
    //获取请求参数的几种办法
	console.log(ctx.url); // /?color=blue&size=small
	console.log(ctx.originalUrl); // /?color=blue&size=small
	console.log(ctx.origin); // http://localhost:3000
	console.log(ctx.querystring); // color=blue&size=small
	console.log(ctx.query); // { color: 'blue', size: 'small' }  //我最常用的肯定是这个，也就是get请求参数放在：ctx.query之中
	var text=ctx.query
    ctx.response.body = text;   //响应体data中的信息
});

//获取post请求的参数的方法
router.post('/testpostbody', async (ctx, next) => {
	var text=ctx.request.body                //我最常用的肯定是这个，也就是get请求参数放在：ctx.request.body之中
    ctx.response.body = text;   //响应体data中的信息
});

app.use(router.routes());
// 在端口3000监听:
app.listen(3000);
console.log('服务器创建储成功，启动的端口是3000');

中间三个是路由的示例，可以社舍去哈。
然后启动这个服务器：

就可以在浏览器端输入从而访问了：