1.修改vue佈局，app.vue為入口，只引入路由，路由控制頁面顯示
改造後app.vue
新增layout.vue
修改/router/index.js，預設訪問路徑 / 對應layout.vue，layout裡的路由是巢狀路由，/home匹配到HomeView.vue
新增vue/src/views/LoginView.vue
效果
springboot+vue前後端分離專案-vue專案搭建4
相關文章
- springboot+vue前後端分離專案-vue專案搭建Spring BootVue後端
- springboot+vue前後端分離專案-vue專案搭建2Spring BootVue後端
- springboot+vue前後端分離專案-vue專案搭建3Spring BootVue後端
- SpringBoot+vue 前後端的分離專案筆記 [一] 專案搭建Spring BootVue後端筆記
- Django+Vue.js搭建前後端分離專案 web前後端分離專案實踐DjangoVue.js後端Web
- 零基礎搭建前後端分離專案後端
- SpringBoot+Vue前後端分離系統搭建Spring BootVue後端
- Flask前後端分離專案案例Flask後端
- 超詳細！4小時開發一個SpringBoot+vue前後端分離部落格專案！！Spring BootVue後端
- jQuery 前後端分離專案總結jQuery後端
- 前後端分離專案實踐分析後端
- Vue，Springboot前後端分離專案初體驗VueSpring Boot後端
- 推薦一款前後端分離的學習專案-基於springboot+vue後端Spring BootVue
- Nginx 同域名部署前後端分離專案Nginx後端
- Nginx代理同域名前後端分離專案Nginx後端
- SpringBoot+vue 前後端的分離專案筆記 [二] 使用者登入驗證Spring BootVue後端筆記
- docker+nginx+redis部署前後端分離專案！！！DockerNginxRedis後端
- SpringBoot+Vue前後端分離及互動Spring BootVue後端
- Vue+Spring Boot 前後端分離的商城專案開源啦！VueSpring Boot後端
- vue專案實踐-前後端分離關於許可權的思路Vue後端
- Yii框架和Vue的完美結合構建前後端分離專案框架Vue後端
- Springboot+vue前後端分離專案，poi匯出excel提供使用者下載的解決方案Spring BootVue後端Excel
- Windows伺服器，透過Nginx部署VUE+Django前後端分離專案Windows伺服器NginxVueDjango後端
- vue2 前後端分離專案ajax跨域session問題解決Vue後端跨域Session
- 通用的前後端分離專案技術與框架方案後端框架
- docker-compose + nginx部署前後端分離的專案DockerNginx後端
- 前後端分離專案，如何解決跨域問題？後端跨域
- JWT 實現 Laravel 認證（前後端分離專案必備）JWTLaravel後端
- SpringBoot + Angular前後端分離專案部署（更新）實錄Spring BootAngular後端
- Spring Boot前後端分離專案Session問題解決Spring Boot後端Session
- springboot+vue專案Spring BootVue
- Springboot+shiro+mybatis-plus+vue前後端分離專案設計架構Spring BootMyBatisVue後端架構
- 《從零構建前後分離web專案》探究 - 深入聊聊前後分離架構Web架構
- Django + Taro 前後端分離專案實現企業微信登入Django後端
- [造輪子]基於java+typescript 前後端分離專案骨架JavaTypeScript後端
- 如何利用前後端分離開發模式，開始一個專案？後端模式
- vue前後端分離修改webpackVue後端Web
- Webpack4 搭建 Vue 專案WebVue
- 前後端分離探索——MVC 專案升級的一個過渡方案後端MVC