Nuxt JS - Перенаправить все неправильные ссылки на страницу 404

Question

Yo,

У меня есть вопрос, потому что я не могу решить его по-своему. Мне нужно перенаправить все неправильные URL («пример mywebsite.com/asdasdasdasd») на mywebsite.com/404. Как мне это сделать? Я пытаюсь использовать *. vue и _. vue в папке страниц, но при попытке ввести неправильный URL мой веб-сайт cra sh на localhost либо

Answer 1

Если вы используете nuxt. js в режиме universal (что означает, что у вас также есть код на стороне сервера), то вы можете использовать Nuxt. js serverMiddleware.

Вы можете создать новый /serverMiddleware/redirects.js файл с логи перенаправления c:

const redirects =
[
  { "from": "/asdasdasdasd", "to": "/404" },      
]

module.exports = function (req, res, next) {
  const redirect = redirects.find(r => r.from === req.url)
  if (redirect) {
    console.log(`301 redirect: ${redirect.from} => ${redirect.to}`)
    res.writeHead(301, { Location: redirect.to })
    res.end()
  } else {
    next()
  }
}

Затем добавьте это как serverMiddleware в nuxt.config.js:

serverMiddleware: [
  '~/serverMiddleware/redirects'
]

Это самое простое решение если у вас есть несколько URL для перенаправления. Вы можете изменить этот код, чтобы перенаправить все URL с заданным шаблоном.