前端模拟接口---开发实用

使用的是koa框架
开始先安装依赖

//安装框架及所需要的配置
npm install koa koa-router koa-body --save-dev
//安装配置跨域的插件
npm install koa2-cors

正式开始

const Koa = require('koa');
const router = require('koa-router')();
const koaBody = require('koa-body')();
const cors = require('koa2-cors')
const app = new Koa();
let dataObj = {
    status: 200,
    data:{},
    msg: '请求成功'
}
// log request URL:
app.use(async (ctx, next) => {
    console.log(`Process ${ctx.request.method} ${ctx.request.url}...`);
    await next();
});
app.use(
    cors({
        origin: function (ctx) { //设置允许来自指定域名请求
            if (ctx.url === '/test') {
                return '*'; // 允许来自所有域名请求
            }
            return '*'; //只允许http://localhost:8080这个域名的请求
        },
        maxAge: 5, //指定本次预检请求的有效期，单位为秒。
        credentials: true, //是否允许发送Cookie
        allowMethods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'], //设置所允许的HTTP请求方法
        allowHeaders: ['Content-Type', 'Authorization', 'Accept'], //设置服务器支持的所有头信息字段
        exposeHeaders: ['WWW-Authenticate', 'Server-Authorization'] //设置获取其他自定义字段
    })
)
// 进入接口
// get方法取参数 ctx.request.query
// post方法取参数 ctx.request.body
// 向前端返回值 ctx.response.body
router.get('/', async (ctx, next) => {
    ctx.response.body = dataObj;
});
router.get('/api/fwb',koaBody, async (ctx, next) => {
    ctx.response.body = dataObj;
});
router.post('/api/login', koaBody, async (ctx, next) => {
    ctx.response.body = dataObj;
})
app.use(router.routes());
app.use(router.allowedMethods());
// 设置端口号
app.listen(3000);
console.log('api start --- port 3000...');

这样模拟的接口就写好了

//在这里说一下怎么来运行和连接方式
//打开命令行直接node当前的代码文件  
//比如      node seve.js
//调用的api链接为   
// http://localhost:3000 + 定义的接口名称
// 换成127.0.0.1也可以看个人喜好