NodeJS / express: kod stanu pamięci podręcznej i 304

Kiedy przeładowuję witrynę utworzoną za pomocą express, otrzymuję pustą stronę w Safari (nie w Chrome), ponieważ serwer NodeJS wysyła mi kod stanu 304.

Jak to rozwiązać?

Oczywiście może to być tylko problem Safari, ale w rzeczywistości działa dobrze na wszystkich innych stronach internetowych, więc musi to być również problem na moim serwerze NodeJS.

Do generowania stron używam Jade z res.render.

Aktualizacja: Wygląda na to, że ten problem występuje, ponieważ Safari wysyła 'cache-control': 'max-age=0'przy ponownym załadowaniu.

Aktualizacja 2: mam teraz obejście, ale czy istnieje lepsze rozwiązanie? Obejście:

app.get('/:language(' + content.languageSelector + ')/:page', function (req, res)
{
    // Disable caching for content files
    res.header("Cache-Control", "no-cache, no-store, must-revalidate");
    res.header("Pragma", "no-cache");
    res.header("Expires", 0);

    // rendering stuff here…
}

Aktualizacja 3: Tak więc cała część kodu to obecnie:

app.get('/:language(' + content.languageSelector + ')/:page', pageHandle);

function pageHandle (req, res)
{
    var language = req.params.language;
    var thisPage = content.getPage(req.params.page, language);

    if (thisPage)
    {
        // Disable caching for content files
        res.header("Cache-Control", "no-cache, no-store, must-revalidate");
        res.header("Pragma", "no-cache");
        res.header("Expires", 0);

        res.render(thisPage.file + '_' + language, {
            thisPage : thisPage,
            language: language,
            languages: content.languages,
            navigation: content.navigation,
            footerNavigation: content.footerNavigation,
            currentYear: new Date().getFullYear()
        });
    }
    else
    {
        error404Handling(req, res);
    }
}

Najłatwiejsze rozwiązanie:

app.disable('etag');

Alternatywne rozwiązanie tutaj, jeśli chcesz mieć większą kontrolę:

http://vlasenko.org/2011/10/12/expressconnect-static-set-last-modified-to-now-to-avoid-304-not-modified/

Jak powiedziałeś, Safari wysyła Cache-Control: max-age=0przy ponownym załadowaniu. Express (a dokładniej zależność Express, node-fresh) traktuje pamięć podręczną jako nieaktualną po Cache-Control: no-cacheodebraniu nagłówków, ale nie robi tego samego dla Cache-Control: max-age=0. Z tego, co wiem, prawdopodobnie powinno. Ale nie jestem ekspertem w buforowaniu.

Poprawka polega na zmianie (obecnie) linii 37 node-fresh/index.jsz

if (cc && cc.indexOf('no-cache') !== -1) return false;  

do

if (cc && (cc.indexOf('no-cache') !== -1 ||
  cc.indexOf('max-age=0') !== -1)) return false;

Rozwidliłem node-fresh i express, aby uwzględnić tę poprawkę w moim projekcie package.jsonprzez npm, możesz zrobić to samo. Oto moje widelce, na przykład:

https://github.com/stratusdata/node-fresh https://github.com/stratusdata/express#safari-reload-fix

Gałąź safari-reload-fix jest oparta na tagu 3.4.7.

Miałem ten sam problem w Safari i Chrome (jedyne, które testowałem), ale właśnie zrobiłem coś, co wydaje się działać, przynajmniej nie byłem w stanie odtworzyć problemu, odkąd dodałem rozwiązanie. To, co zrobiłem, to dodanie metatagu do nagłówka z wygenerowanym znacznikiem czasu. Nie wydaje się właściwe, ale jest proste :)

<meta name="304workaround" content="2013-10-24 21:17:23">

Zaktualizuj PS O ile wiem, problem znika, gdy usuwam serwer proxy mojego węzła (przez proxy rozumiem zarówno moduł express.vhost, jak i http-proxy), co jest dziwne ...

Spróbuj skorzystać z przeglądania prywatnego w Safari lub usunąć całą pamięć podręczną / pliki cookie.

Miałem podobne problemy podczas korzystania z Chrome, gdy przeglądarka myślała, że ​​ma witrynę w pamięci podręcznej, ale w rzeczywistości nie miała.

Część żądania http, która powoduje, że serwer odpowiada na 304, to etag. Wygląda na to, że Safari wysyła właściwy etag bez odpowiedniej pamięci podręcznej.

Wiem, stare pytanie. Wyłączenie funkcji pamięci podręcznej nie jest potrzebne i nie jest najlepszym sposobem na rozwiązanie problemu. Wyłączając funkcję pamięci podręcznej, serwer musi pracować ciężej i generuje większy ruch. Również przeglądarka i urządzenie muszą pracować ciężej, szczególnie na urządzeniach mobilnych może to być problem.

Pustą stronę można łatwo rozwiązać za pomocą klawisza Shift + przycisk odświeżania w przeglądarce.

Pusta strona może być wynikiem:

• błąd w kodzie
• podczas testowania podałeś pustą stronę (nie pamiętasz), która jest buforowana przez przeglądarkę
• błąd w Safari (jeśli tak, zgłoś go do Apple i nie próbuj samodzielnie go naprawiać)

Wypróbuj najpierw klawisz Shift + przycisk ponownego ładowania i sprawdź, czy problem nadal występuje, i przejrzyj kod.