create-nuxt-app 创建的项目中，访问koa 接口显示页面错误404

Question

koa 接口：http://xxx,xxxxxx.com/weapp/t...

直接地址栏访问显示404

应该是nuxt 默认访问页面项目下weapp/token 页面，如果我要在地址栏访问koa接口，怎样才可以？

Answer 1

koa-trie-router

Answer 2

nuxt-cli 创建的APP中,如果想访问接口API得进行Koa-router 配置

const router = require('../routes')
// 具体参考[koa-router][1]
app.use(async (ctx, next) => {
    // 判断访问路径 例如 如果 URL 是 'api/' 则next执行 让koa-router处理，输出数据
    // 如果不是 ，则交由nuxt 的vue-router来处理判断并返回显示页面
    if (/api\//.test(ctx.request.url)) {
      await next()
    } else {
      ctx.status = 200
      return new Promise((resolve, reject) => {
        ctx.res.on('close', resolve)
        ctx.res.on('finish', resolve)
        nuxt.render(ctx.req, ctx.res, promise => {
          // nuxt.render passes a rejected promise into callback on error.
          promise.then(resolve).catch(reject)
        })
      })
    }
  })

  app.use(router.routes())