Vue.js NuxtJS-重定向所有错误的url'；s至404页

哟,

我有一个问题，因为我不能用我的方式解决它。

---

我需要将所有错误的URL（“示例mywebsite.com/asdasdasd”）重定向到mywebsite.com/404。我怎么做？我尝试在pages文件夹中使用*.vue和wue.vue，但当我尝试键入错误的url时，我的网站会在本地主机上崩溃。如果您在

universal

模式下使用nuxt.js（这意味着您也有服务器端代码），那么您可以使用nuxt.js服务器中间件

您可以使用重定向逻辑创建一个新的

/serverMiddleware/redirects.js

文件：

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()
  }
}

然后将其添加为

numxt.config.js

中的

serverMiddleware

：

serverMiddleware: [
  '~/serverMiddleware/redirects'
]

---

如果您有一些URL要重定向，这是最简单的解决方案。您可以更改此代码以重定向具有给定模式的所有URL。

您能告诉我们您尝试过什么，我们可以查看吗？