子组件路由不会更改为正确的 url

Question

我正在尝试为我的设置页面设​​置路由器链接，每当我点击帐户时，它会将我定向到 localhost/account 而不是 localhost/settings/account 我已经为设置页面提供了孩子，为什么会发生这种情况？

Settings.vue

   router-link(to="/")
          button(class='hover:text-blue-500 focus:outline-none')
            | Profile
        router-link(:to="{name: 'Account'}")
          button(class='hover:text-blue-500 focus:outline-none')
            | Account
      router-view

 {
        path: "/settings",
        name: "Settings",
        component: Settings,
        children: [{
            path: "",
            name: "Profile",
            component: Profile
          },
          {
            path: "/account",
            name: "Account",
            component: Account
          }
        ]
      },

Answer 1

删除帐户路径的前导斜杠。前导斜杠表示它是从根开始的路由。

{
        path: "/settings",
        name: "Settings",
        component: Settings,
        children: [{
            path: "",
            name: "Profile",
            component: Profile
          },
          {
            path: "account", // now it works as intended
            name: "Account",
            component: Account
          }
        ]
      },