Deno - how to implement a 404 page

Question

I have been struggling to implement a 404 page in deno(oak server framework) - if i load any addtress that does not exist, i get just a blank page..

tried: (page404MiddleWare.ts):

import {Context, exists, send} from "./deps.ts";
export const page404MiddleWare = async (ctx: Context, next: Function) => {
   ctx.response.body = "404 page";
   await next();
}

But that seems like a bad practise.

Vicky Gonsalves · Accepted Answer · 2020-09-15T18:36:18.810

9

I would add a default route for all non existing urls and redirect user there:

router.get("/(.*)", async (context: Context) => {      
    context.response.status = 404;
    context.response.body = "404 | Page not Found";
});

and all rest routes:

...
...

router.get(
  "/api/users",
  UserController.fetch,
);

router.get(
  "/api/me",
  UserController.me,
);
...
...

Checkout my Deno REST boilerplate project for more details: https://github.com/vicky-gonsalves/deno_rest

edited Sep 15 '20 at 18:36

answered Sep 14 '20 at 08:39

Vicky Gonsalves

11,593
2
37
58

1

Helped me. Keep up the job whilst helping! – RixTheTyrunt May 09 '22 at 16:19

score 0 · Answer 2 · answered Aug 30 '22 at 11:52

The question's old, but this worked for me:

    const app = new Application();
    
    // add your middlewares here
    app.use(router.routes());
    app.use(router.allowedMethods());
    
    // and then redirect to 404, if there wasn't found any route earlier
    app.use((context: Context) => {
        context.response.type = "text/html; charset=utf-8";
        context.response.status = 404;
        context.response.body = "<h1>404, Page not found!</h1>";
    });

Essentially you add a custom middleware, which returns 404 after it goes through your earlier middlewares, without returning any response. Hope it helps someone! :)

Deno - how to implement a 404 page

2 Answers2