addRoute() did not work

[2849232wy]

Version

3.6.5

Reproduction link

github.com

Steps to reproduce

1. set up routes

const routes = [
  {
    path: "/",
    name: "layout",
    component: () => import("@/views/Layout/index.vue"),
    redirect: "/home",
    children: [
      {
        path: "home",
        icon: "icon-home1",
        title: "首页",
        name: "home",
        component: () => import("@/views/Home/index.vue"),
      },
    ],
  },
  {
    path: "/login",
    title: "登录",
    component: () => import("@/views/Login/index.vue"),
  },
];

export default routes;
2. send request and get dynamicMenu

submitForm(formName) {
        this.$refs[formName].validate(async (valid) => {
          if (valid) {
            let res = await login(this.form);
            if (res.code === 20000) {
              this.$message({
                type: "success",
                message: "登录成功",
              });
              initDynamicRoutes(res.data.menu);
              this.$router.replace("/home");
            }
          } else {
            console.log("error submit!!");
            return false;
          }
        });
      },

4. set up dynamicMenu

import routes from "./routes";
import vueRouter from "vue-router";
import store from "@/store";
const Goods = () => import("@/views/Goods/index.vue");
const User = () => import("@/views/User/index.vue");
const Pages1 = () => import("@/views/PagesOne/index.vue");
const Pages2 = () => import("@/views/PagesTwo/index.vue");

let MappingRoutes = {
  Goods,
  User,
  Pages1,
  Pages2,
};

const router = new vueRouter({
  routes,
  mode: "hash",
});
router.beforeEach((to, from, next) => {
  let localStorageToken = localStorage.getItem("token");
  if (!to.fullPath.includes("login")) {
    if (!localStorageToken) {
      next("/login");
    } else {
      // store的token丢失后重新赋值
      store.dispatch("tokenStore/setToken", localStorageToken);
      next();
    }
  } else {
    next();
  }
});
export const initDynamicRoutes = (currentRoutes) => {
  handleDynamicRoutes(currentRoutes);
  currentRoutes.forEach((route) => {
    router.addRoute("layout", route);
  });
  console.log(router.getRoutes);
};

const handleDynamicRoutes = (currentRoutes) => {
  currentRoutes.forEach((element) => {
    element.component = MappingRoutes[element.component];
    if (element.children && element.children.length > 0) {
      handleDynamicRoutes(element.children);
    }
  });
};

export default router;

What is expected?

Dynamic route addition is invalid

What is actually happening?

Dynamic routes were successfully added

---

vueRouter's dynamic funcation

[posva]

Hi, thanks for your interest but Github issues are for bug reports and feature requests only. You can ask questions on the forum, the Discord server or StackOverflow.

[posva]

The code you provided is a whole project.
Since addRoute() hasn't changed in a few years, chances are that addRoute() is working as expected or there is already an opened issue or pr about this.