Personalizzare le pagine 404 e 401

Total.js 5 · total5@0.0.19 errors404routing Eseguita con Total.js 5

Quando Total.js non può servire una richiesta mostra una pagina di errore integrata. Una rotta il cui URL è # più il codice di stato la sostituisce: ROUTE('#404', fn) per "non trovato", ROUTE('#401', fn) per "non autorizzato", e lo stesso per #400, #431 e altri. Il gestore riceve $ come qualsiasi rotta, ma lo stato lo imposti tu con $.response.status: Total.js non lo fa al posto tuo quando esiste un gestore personalizzato. Senza un gestore personalizzato si usa la pagina integrata e le richieste AJAX (header x-requested-with) ricevono un errore JSON invece di HTML.

$.fallback(code) invia la richiesta corrente al gestore per code, ed è il modo per rispondere 404 per un record inesistente o 403 per una risorsa vietata dal tuo codice.

controllers/errors.js

exports.install = function() {
	ROUTE('#404', not_found);
	ROUTE('#401', unauthorized);
	ROUTE('GET /items/{id}/', item);
	ROUTE('+GET /private/', private_page);
};

var items = { '1': 'First item' };

function item($) {
	var name = items[$.params.id];
	if (name)
		$.json({ name: name });
	else
		$.fallback(404);
}

function private_page($) {
	$.plain('secret');
}

function not_found($) {
	$.response.status = 404;
	$.html('<h1>Nothing here</h1><p>' + $.url.encode() + ' does not exist.</p>');
}

function unauthorized($) {
	$.response.status = 401;
	$.json({ error: 'Please sign in first' });
}

AUTH(function($) {
	$.invalid();
});