vue3 门户网站搭建1-路由

从 0 到 1搭建门户网站，记录一下。

因为需求不大，所以比较简单，门户和后台管理直接一个项目出来，路由配置则想的是：

1、门户，用  /portal 标识

2、后台管理，用 /admin 标识

3、登录，用 /login 标识

 

vue-cli 搭建好初始项目后，直接配置路由：

 

门户路由：

 

登录：

 

后台管理：

 

路由文件结构：

 

main.js 中，引用 路由：

 

底层路由跳转：

1、可以直接根据配置的 path 直接跳

2、可以按配置的 name 名字跳

3、也可以带参数跳

4、放在 url 上携带

 

权限判断：