设置vue-cli的默认路由

╰+哭是因爲堅強的太久メ 2022-05-13 04:56 598阅读 0赞

当我们创建vue-cli项目时,路径是http://localhost:9527/#/,但是这是有缺陷的首先#在很多环境中不允许使用或者使用时有严重的缺陷,其次从命名的角度来看也是不友好的。所以为了解决这个问题,vue提供了history-mode模式;来解决这个问题。
另一个问题是,浏览器默认访问的是http://localhost:9527这种连接,但是我们需要默认去登录页面,例如:http://localhost:9527/login,这时我们就用到了router的redirect属性;

  1. let router = new Router({
  2. mode: 'history',
  3. routes: [
  4. {
  5. path: '/',
  6. redirect: '/login' //重定向到登录页面
  7. },
  8. {
  9. path: '/login',
  10. name: 'Login',
  11. component: Login
  12. },
  13. {
  14. path: '/main',
  15. name: 'main',
  16. component: Main
  17. }
  18. ]
  19. })

发表评论

表情:
评论列表 (有 0 条评论,598人围观)

还没有评论,来说两句吧...

相关阅读

    相关 配置默认

    配置接口IP地址并通过静态路由、默认路由配置实现全网互通 拓扑图如下;按照图上内容配置环境,pc机IP、子网掩码、网关 ![拓扑.PNG][.PNG] 路由器R1