【问题标题】:router configuration in nuxtnuxt中的路由器配置
【发布时间】:2021-10-17 21:40:57
【问题描述】:

我正在尝试更改 nuxt 项目中页面的默认 url。我新创建的页面是one.vue,它位于 pages 文件夹内。我在nuxt.config.js 文件中添加了以下代码。

router: {
  routes: [
    {
      path: "/notone",
      component: "pages/one",
    },
  ],
}

我需要通过在浏览器中输入网址为/notone 来重定向到one.vue 页面。但它会给出404错误。它仅适用于/one。我哪里错了?

【问题讨论】:

  • 我认为你需要将“name”参数添加到你的json对象中进行路由,或者mby你需要在路径末尾添加.vue
  • 我也试过了。但不起作用。
  • 您确定您的 nuxt 配置有效吗? Mby,你把你的整个路由器块放在了错误的地方?
  • 嗨,你能说得更清楚些吗?什么不工作?

标签: vue.js nuxt.js


【解决方案1】:

您可以使用router-extras 为 Nuxt 的路由器增加更多灵活性。在这里查看我的答案:https://stackoverflow.com/a/68166208/8816585

基本上,去one.vue和设置

<router>
{
  alias: [
    '/notone',
  ]
}
</router>

应该够了。

【讨论】:

    猜你喜欢
    • 2019-01-06
    • 2021-05-08
    • 1970-01-01
    • 2019-09-18
    • 2018-02-28
    • 1970-01-01
    • 2019-08-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多