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

yangjingpuyu
  • 14

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

直接地址栏访问显示404

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

回复
阅读 2.2k
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())
Zhenxing_Xiang
  • 2
新手上路,请多包涵

koa-trie-router

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏