如何在nuxt/koa2框架下，使用koa-router提供restful接口

Question

问题描述

如何在nuxt/koa2框架下，使用koa-router提供restful接口

问题出现的环境背景及自己尝试过哪些方法

目的是使用nuxt构建页面，并且使用nuxt自带的koa server提供后端服务

相关代码

const Koa = require("koa");
const router = require("../router/index");
const consola = require("consola");
const { Nuxt, Builder } = require("nuxt");

const app = new Koa();

// Import and Set Nuxt.js options
let config = require("../nuxt.config.js");
config.dev = !(app.env === "production");

async function start() {
// Instantiate nuxt.js
const nuxt = new Nuxt(config);

const {

host = process.env.HOST || "127.0.0.1",
port = process.env.PORT || 9999

} = nuxt.options.server;

// Build in development
if (config.dev) {

const builder = new Builder(nuxt);
await builder.build();

} else {

await nuxt.ready();

}

// start router -----------------------------<
// app.use(router.routes()).use(router.allowedMethods());

app.use(ctx => {

ctx.status = 200;
ctx.respond = false; // Bypass Koa's built-in response handling
ctx.req.ctx = ctx; // This might be useful later on, e.g. in nuxtServerInit or with nuxt-stash
nuxt.render(ctx.req, ctx.res);

});

app.listen(port, host);
consola.ready({

message: `Server listening on http://${host}:${port}`,
badge: true

});
}

start();

你期待的结果是什么？实际看到的错误信息又是什么？

期望在start server的时候注入中间件，打通接口；但是ctx.respond = false; // Bypass Koa's built-in response handling这个位置绕过了koa-router对接口的处理。目前的结果是，关闭这句话页面无法正常路由但是接口可以正常调通；打开这个句话接口无法调通，网页可以正常路由。

希望大神们，帮助一下萌新。

Answer 1

// 路由配置
  app.use(koaBody({
    multipart: true,
    formidable: {
      maxFieldsSize: 1024 * 1024 * 5,
      uploadDir: './temp'
    }
  }))
  app.use(router.routes())
  app.use(router.allowedMethods())

把这段代码放到if (config.dev)这句前面就行了，其他的按正常的koa语法来