spring boot + Vue + iView前后端分离架构(Mac版) -- (三)首页布局与实现

spring boot + Vue + iView前后端分离架构(Mac版) – (三)首页布局与实现

小景哥哥博客

一、首页的布局

在src-->view-->main目录下，创建main.vue文件，内容如下：

二、配置首页路由

在src-->router-->index.js中添加首页路由映射：

   {
      path: '/main',
      name: 'main',
      component: resolve => {
        require(['../view/main/main.vue'], resolve);
      }
   }

在src-->login-->login.vue中添加点击登录后跳转到首页，修改如下：

三、重启项目访问即可

cnpm run dev执行后，访问login页面，因为没有做用户认证，随便输入用户名和密码即可跳转首页。