NuxtJS 访问 localhost:3000 附加路由基本 url答案

【问题标题】：NuxtJS accessing localhost:3000 append route base urlNuxtJS 访问 localhost:3000 附加路由基本 url
【发布时间】：2020-09-05 08:53:12
【问题描述】：

当用户只输入主 url 时，我想让我的应用重定向其基本路由 url，如下例所示

用户输入：localhost:3000 重定向到：localhost:3000/base-url/

我正在使用 NustJS。如何做到这一点？

【问题讨论】：

您是否在 nuxt.config 中设置了基本路径？ (nuxtjs.org/api/configuration-router)
@Rie 是的，当使用带有基本路由的 url 时，我的应用程序已经可以访问了
我把自己靠在窗外，说这与 nuxt/vue 无关。您的应用程序从 /base-url 开始，之前的任何内容都与您的服务器和部署有关。如果您将应用程序部署到 IIS 实例，则必须重定向该用户，例如使用重新路由模块。我敢肯定 nginx 也有替代品等等。如果我错了，请有人纠正我。

【解决方案1】：

可能的解决方案是使用 asyncData。为此，您需要在您的根页面 (index.vue) 中放置一个钩子：

 asyncData({ redirect }) {
     redirect('/base-url');
  }

在这种情况下，Nuxt 将在服务器端重定向它。您还需要有此路径的现有页面。由于 Nuxt 在您的文件夹结构上构建路由，可能的配置是：文件夹“base-url”，其中包含 index.vue 文件。

【讨论】：