使用koa-generator，制作后端服务器，koa2

全局安装koa-generator
创建项目
进入到项目下目录
安装一些初始的模块儿

cnpm i

启动

npm start

打开浏览器，输入

localhost：3000

下载axios用来交互，并放到项目中的对应文件夹中

axios下载地址

这里演示一个简单的图片上传

使用vs code打开项目目录

然后打开并修改

此时，
对我们上传图片的功能进行实现

当前页面内代码

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <script src="/javascripts/axios.min.js"></script>
  </head>
  <body>
    <h1>喵喵交友-CMS管理系统</h1>
    <label for="">
      上传图片：<input type="file" id="uploadBtn">
    </label>
    <script>
      var uploadBtn=document.getElementById('uploadBtn');
      uploadBtn.onchange=function(ev){
        var file=ev.target.files[0];
        var param=new FromData();
        param.append('file',file);
        var config={
          headers:{
            'Content-Type':'multipart/form-data'
          }
        };
        axios.post('/uploadBannerImg',param,config).then(res=>{
          console.log(res.data);
        })
      }
    </script>
  </body>
</html>

接下来去实现我自己定义的接口：

打开

在内部添加路由来来实现自己的请求

光这样是不够滴，
这里是看不出来东西的，因为你还需要

然后再app.js内部配置

const koaBody = require('koa-body');//引入
app.use(koaBody({
    multipart: true,//是否传递多张
    formidable: {
        maxFileSize: 200*1024*1024    // 设置上传文件大小最大限制，默认2M
    }
}));

然后在本地端口3000上传一张图片试试
结果：