In the project created by create-nuxt-app, accessing the koa API displays page error 404.

Direct address bar access display 404

it should be that nuxt accesses the weapp/token page under the page project by default. If I want to access the koa interface in the address bar, how can I?

Vue-router vue.js koa-router koa.js nuxt.js

Feb.10,2022

koa-trie-router

in the APP created by nuxt-cli, if you want to access the interface API, you have to configure 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())

Previous: How does angular get the coordinates of the mouse?

Next: Idea configuration remote tomcat, cannot connect to run