How does http ctx.response return 404 and set error.message property?

[daxiongYang]

Requirement: I want to customize the error.messgae content of the 404 page.

code:

1. app/Controllers/Http/DocController.ts

export default class DocController {
  public async detail(ctx: HttpContextContract) {
    const doc = await DocModel
      .query()
      .where('name', 'xxx')
      first()
    if (!doc) {
      // How to set error.message here?
      return ctx.response.status(404)
    }
  }
}

2. views/errors/not-found.edge

@layout('layouts/main')
@set('siteTitle', '404 Not Found')

@section('body')
<main class="py-5">
  <div class="container-xl p-5 bg-white text-center">
    <h2>{{ siteTitle }}</h2>

    <!-- Here I want to show the user a clear error message that the documentation doesn't exist. -->
    <p>{{ error.message }}</p>

    <p>
      <a href="javascript:location.reload();" class="btn btn-outline-success me-3">刷新页面</a>
      <a href="/" class="btn btn-success">返回首页</a>
    </p>
  </div>
</main>
@end