運行效果:

第一步:安裝Vue Router依賴包
~~~
vue add router
~~~
如圖所示:

第二步:完善404路由
1. 在`src/router/index.js` `const routes` 尾部新增
```
{ path: '*', name: '404', component: NotFound }
```
2. 在`src/router/index.js` 導入 `NotFound`組件
```
import NotFound from '../views/NotFound.vue'
```
3. 創建`NotFound.vue`文件,并賦值如下內容
```
<template><div><h1>404</h1></div></template>
```
溫馨提示:安裝完畢后,并按以上步驟完善后,可以在瀏覽器中查看運行效果.
- 前言
- 購買
- 后端程序安裝
- 前端配置
- 常見問題
- 目錄結構
- 更新日志
- 從零開發Vue-Element-Admin基礎后臺
- 前言
- 更新記錄
- 第一步:創建 Vue CLI項目
- 第二步:安裝 Element-UI
- 第三步:安裝 Vue Router
- 第四步:調整 App.vue文件
- 第五步:創建 Login.vue頁面
- 第六步:頭部 Header.vue組件
- 第七步:左菜單 leftMenu.vue組件
- 第八步:新建 Dashboard.vue頁面
- 第九步:新建 Upload.vue頁面
- 第十步:新建 List.vue列表頁面
- 第十一步:調整 NotFound.vue 頁面
- 最后:執行編譯與部署到服務器