vue项目浏览器出现的警告信息：[vue-router] Duplicate named routes definition: { name: “index“, path: “/index“ }

那是因为路由这样写的改成这样即可：{path: '',redirect: {name: 'index',},},{path: '/index',component: (resolve) => require(['@/views/index'], resolve),name: 'index',meta: { title: '首页', noCache: true, affix: true },.

单眼皮的小熊

3838人浏览 · 2021-06-09 17:37:59

单眼皮的小熊 · 2021-06-09 17:37:59 发布

那是因为路由这样写的（出现重复）：

{
    path: '',
    redirect: 'index',
    component: (resolve) => require(['@/views/index'], resolve),
    name: 'index',
    meta: { title: '首页', noCache: true, affix: true },
    hidden: true
  },
  {
    path: '/index',
    component: (resolve) => require(['@/views/index'], resolve),
    name: 'index',
    meta: { title: '首页', noCache: true, affix: true },
    hidden: true
  },

改成这样即可：

{
    path: '',
    redirect: {
      name: 'index',
    },
  },
  {
    path: '/index',
    component: (resolve) => require(['@/views/index'], resolve),
    name: 'index',
    meta: { title: '首页', noCache: true, affix: true },
    hidden: true
  },

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^