How to handle 'no route matched' in Ember.js and show 404 page?

Question

How can I handle the error

Uncaught Error: No route matched the URL \'...\'

and show a custom 404 page?

---

Note: This questi

Answer 1

Solution 1

To display 404 content:

App.Router.reopen({
        handleURL: function (url) {
            try {
                return this._super(url);
            } catch (error) {
                if (error.message.match(/No route matched the URL/)) {
                    return this._super('/404');
                }
            }
        }
    });

If you want to URL changes to 404 as well:

App.Router.reopen({
        location: locationImplementation,
        handleURL: function (url) {
            try {
                return this._super(url);
            } catch (error) {
                if (error.message.match(/No route matched the URL/)) {
                    this.transitionTo('404');
                    return this._super('/404');
                }
            }
        }
    });

To understand what happened here see line 22636 in ember rc2.

Solution 2

Parse current URL and check if route or resource exist using App.Router.router.recognizer.hasRoute('route.path.goes.here');