404 при обновлении страницы запроса MySQL с NodeJS

Question

Итак, у меня есть веб-сайт, который работает на экспрессе с некоторыми запросами MySQL для загрузки фотоальбомов. Проблема в том, что когда я захожу в / фото все работает нормально, но если я обновляю страницу, я получаю 404 НЕ НАЙДЕН. То же самое, если я захожу сначала в / photo, затем в другой URL и обратно в / photoПроблема возникает независимо от того, находится ли она в prod или dev, но происходит только на моем сервере, но не на локальном.

вот что я получаю:

NotFoundError: Not Found
    at /home/vincdgfq/sachalebas/app.js:53:7
    at Layer.handle [as handle_request] (/home/vincdgfq/nodevenv/sachalebas/9/lib/node_modules/express/lib/router/layer.js:95:5)
    at trim_prefix (/home/vincdgfq/nodevenv/sachalebas/9/lib/node_modules/express/lib/router/index.js:317:13)
    at /home/vincdgfq/nodevenv/sachalebas/9/lib/node_modules/express/lib/router/index.js:284:7
    at Function.process_params (/home/vincdgfq/nodevenv/sachalebas/9/lib/node_modules/express/lib/router/index.js:335:12)
    at next (/home/vincdgfq/nodevenv/sachalebas/9/lib/node_modules/express/lib/router/index.js:275:10)
    at /home/vincdgfq/nodevenv/sachalebas/9/lib/node_modules/express/lib/router/index.js:635:15
    at next (/home/vincdgfq/nodevenv/sachalebas/9/lib/node_modules/express/lib/router/index.js:260:14)
    at Function.handle (/home/vincdgfq/nodevenv/sachalebas/9/lib/node_modules/express/lib/router/index.js:174:3)
    at router (/home/vincdgfq/nodevenv/sachalebas/9/lib/node_modules/express/lib/router/index.js:47:12)

Если я удаляю все свои обработчики ошибок, я простополучить

CANNOT GET /501.shtml

веб-сайт можно найти здесь: https://sachalebas.com/photo

Заранее спасибо, если у кого-нибудь есть идеи, где мне следует искать с этой ошибкой, я полностью потерян.

РЕДАКТИРОВАТЬ:

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
var bodyParser = require('body-parser');
var session = require('express-session');

require('./controllers/userController');

const oneYear = 60 * 1000 * 60 * 24 * 7;
const xssFilter = require('x-xss-protection');
const noSniff = require('dont-sniff-mimetype');
require('dotenv').config({ path:"process.env"});
const compression = require('compression');
var indexRouter = require('./routes/index');



var app = express();
app.use(xssFilter());
app.use(noSniff());
app.use(compression());
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');
app.use(express.static(__dirname + '/public', {maxAge: oneYear, dotfiles:'allow'}));
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({
  extended: false
}));
app.use(cookieParser());

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
  extended: true
}));

app.use(session({
  secret: process.env.SECRET,
  resave: false,
  saveUninitialized: false,
  maxAge: 200000
}));



app.use('/', indexRouter);

// catch 404 and forward to error handler
app.use(function (req, res, next) {
 next(createError(404));
});

// error handler
app.use(function (err, req, res, next) {
//   set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

//   render the error page
  res.status(err.status || 500);
  res.render('error');
});



module.exports = app;

Вот мой app.js

Answer 1

Ваша проблема не с бэкэндом.

Я делал запросы керлинга несколько раз и получаю один и тот же вывод:

, что означает проблему прина стороне клиента с условиями гонки.

, чтобы избежать этого, попробуйте обернуть весь код: https://sachalebas.com/ressources/js/script.js

Внутри:

window.onload = function() {
  // here goes all js code from ressources/js/script.js
}

или убедитесь, что у вас нет блокировкислой в CSS, который отображается перед изображением.