problem z prostym routingiem

Question

Nie za bardzo rozumiem jak działa routing w prostych aplikacjach SPA

dla mojego front clienta uzylem biblioteki vanilla-router i poniższego kodu.

 var router = new Router({
            mode: 'history',
            page404: function (path) {
                console.log('"/' + path + '" Page not found');
            }
        });

        router.add('', function () {
            console.log('Home page');
        });

        router.add('hello/(:any)', function (name) {
            console.log('czesc, ' + name);
        });

        router.add('about', function () {
            console.log('About Page');
        });

        router.addUriListener();

Uzywajac ponizszej metody routing dziala swietnie

router.navigateTo('hello/World');

Ale gdy wpisze podobny adres do paska URL wyskakuje blad 404 od servera.

Jak to "naprawic"? Server postawiony na node.js

Answer 1

Problem wynika z tego, że prawdopodobnie masz źle skonfigurowany serwer. Domyślnie jak wysyłasz zapytanie do serwera uderzając pod url " http://example.com/hello/World " to serwer wyszukuje w przechowywanych plikach, pliku o nazwie "World" w folderu "hello". Przy MPA to działa świetnie, bo fizycznie te pliki istnieją. Przy SPA niestety jest już troszkę gorzej, bo istnieje tylko jeden plik, w którym potem są renderowane elementy HTML. Musiałbyś poczytać jak w Vanilii obsłużyć coś takiego.