部署到nginx路由报错

Question

代理也成功了，就是路由报错。在本地都是正常的。

Answer 1

Sunday 2021-11-11 11:51:04

你好

这个错误来源于 vueRouter 中的路由表配置，你可以查看下你的 routes，为  path:'/' 的路由对象设置 component 为  layout，而不是一个 函数

• 提问者 qq_雨声_2 #1

  /**
   * 公开路由表
   */
  const publicRoutes = [
    {
      path: '/login',
      component: () => import('@/views/login/index')
    },
    {
      path: '/',
      component: () => layout,
      redirect: '/profile',
      children: [
        {
          path: '/profile',
          name: 'profile',
          component: () => import('@/views/profile/index'),
          meta: {
            title: 'profile',
            icon: 'el-icon-user'
          }
        },
        {
          path: '/404',
          name: '404',
          component: () => import('@/views/error-page/404')
        },
        {
          path: '/401',
          name: '401',
          component: () => import('@/views/error-page/401')
        }
      ]
    }
  ]

• 提问者 qq_雨声_2 #2

  我直接占的你的代码，难道说后期发布的代码和这个不一样吗？我也不是很懂这个语法

• 提问者 qq_雨声_2 #3

  路由可以了

点开查看后面1条评论