401 is returned on the page that should return 404

[so1ve]

Hi!

I don't know if there's something wrong with my code When I visit localhost:4000/404 (a path that doesn't exist), koa-jwt returns 401 error.

If I use the passthrough: true option, I can't verify my identity.

index.ts

  const app = new Koa(config)
  app.use(errorHandler)
  app.use(helmet())
  app.use(cors())
  app.use(body({
    multipart: true
  }))
  app.use(unprotectedRouter.routes())
    .use(unprotectedRouter.allowedMethods({
      throw: true
    }))
  app.use(jwt({
    secret: JWT_SECRET
  }))
  app.use(protectedRouter.routes())
    .use(protectedRouter.allowedMethods({
      throw: true
    }))

protectedRouter.ts

import Router from '@koa/router'

import { API_VERSION } from './lib'
import { posts } from './controller'

const protectedRouter = new Router({
  prefix: `/${API_VERSION}`
})

// Create post route
protectedRouter.post('/posts', posts.createPost)

// Delete post route
protectedRouter.delete('/posts/:id', posts.deletePost)

export { protectedRouter }

unprotectedRouter.ts

import Router from '@koa/router'

import { API_VERSION } from './lib'
import {
  general,
  posts,
  categories,
  tags,
  profile
} from './controller'

const unprotectedRouter = new Router({
  prefix: `/${API_VERSION}`
})

// Post list route
unprotectedRouter.get('/posts', posts.getPosts)

// Post detail route
unprotectedRouter.get('/posts/:id', posts.getPost)

// Categories route
unprotectedRouter.get('/categories', categories.getCategories)

// Category detail route
unprotectedRouter.get('/categories/:slug', categories.getCategory)

// Tags route
unprotectedRouter.get('/tags', tags.getTags)

// Tag detail route
unprotectedRouter.get('/tags/:slug', tags.getTag)

export { unprotectedRouter }