定义登录路由

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

用户登录的时候可以访问应用的 /login 这个地址,回到项目,先去创建一个路由文件,放在 src/auth 的下面,名字是 auth.routes.ts。 在这个文件里可以定义一些跟验证用户身份相关的路由。

先定义一条路由,路由的名字叫 login,路由地址是 /login,路由对应的组件可以是 AuthLogin, 这个组件的位置是在当前目录 login 下面的 auth-login.vue 。

下面可以去创建这个组件,放在 src/auth/login 的下面,名字是 auth-login.vue, 在这个文件里定义一个组件,组件的名字叫 AuthLogin。

然后打开 src/app 下面的 app.router,在应用的路由器里先导入 authRoutes ,位置是 @/auth/auth.routes 。 再把在这个 auth.routes 里面定义的所有的路由交给应用的路由器。

回到浏览器观察一下,现在你会发现,访问 /login 这个地址的时候,页面上会显示 AuthLogin 这个组件里的内容。

定义登录路由《 Vue.js 项目实践:身份验证 》

统计

13799
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点