Question

那是我第一次使用Vue.JS，我正在按域组织我的应用程序，例如，拥有一个主路由器文件，我将一些路由重定向到适当的域。

               +--> /users +
               |           |         +-----------------+
+--------------+           |         |     +-----------+
|              |           |         |     |           |    + Profile
|  Index Page  |           |         |users        <--------+ Create
|              |           +-------> |     |           |
|              |                     |     +-----------+
+--------------+                     +-----------------+

在/users内有一个users-routes.js，其中包含：

const userRoutes = [
  {
    path: '/profile',
    component: () = import('./views/users/UserProfile')  
  }
];

export default userRoutes

搜索一些代码，我必须在主要路线内进行申请：

import Vue from 'vue'
import Router from 'vue-router'
import { userRoutes } from './views/users/users-routes'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      component: () => import('@/views/Index'),
      children: [
        // Dashboard
        {
          name: 'Dashboard',
          path: '',
          component: () => import('@/views/Dashboard'),
        },
      ],
    },
    {
      path: '/users',
      redirect: '/users',
    },
  ], 
  ...userRoutes
})

我指向...userRoutes行收到两个警告。

27：5错误不允许尾随空格无尾随空格
28:19错误缺少尾随逗号逗号

我应该如何进行？

Answer 1

强制性的，“我看到你想做A。A不好。请改为B。”

文档指出，正确和简单的选择是将路由保留在主./src/router.js中。从那里开始，vuex的{{1}}值。然后在“用户”页面的isLoggedIn层中，对用户是否登录进行template。

这可以更进一步，在v-if钩中，可以检查用户是否登录。如果没有登录，路由器可以将用户推送到登录页面（或两者之一；也许您正在使用登录模式。

如何使用Vue路由器重定向路由？

1 个答案: