Express Route 404 Ошибка, но правильная маршрутизация?

Я пробовал почти все, и ничего не работает, читал все учебники и сообщения SOF. Почесал мои волосы из-за этого. я получаю 404 конкретно для этого маршрута, и я не могу найти проблему.

app.js

var watchRouter = require('./routes/watch');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/search', indexRouter);
app.use('/watch/:anime/:id', watchRouter);

// 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;

смотреть.js

var router = express.Router();

router.get('/:anime/:id', function(req, res) {
});```

module.exports = router;

У вас уже было /:anime/:id место, где был установлен маршрутизатор, поэтому вы должны получить просто /. Также вам не нужно самостоятельно обрабатывать 404, это то, что делает Express, если он не может сопоставить маршрут.

jonrsharpe 10.04.2022 12:02
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
Четыре эффективных способа центрирования блочных элементов в CSS
Четыре эффективных способа центрирования блочных элементов в CSS
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то...
0
1
10
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Поскольку ваш маршрут в watch.js — '/:anime/:id', вам нужно изменить app.use('/watch/:anime/:id', watchRouter); на app.use('/watch', watchRouter); в app.js, иначе ваш полный маршрут будет '/watch/:anime/:id/:anime/:id'.

Так, например:

приложение.js:

app.use('/watch', watchRouter);

смотреть.js:

router.get('/:anime/:id', (req, res) => {
  return res.json({ anime: req.params.anime, id: req.params.id });
});

Другие вопросы по теме