用户登录的时候可以访问应用的 /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 这个组件里的内容。