先在项目准备一个用户登录需要的页面，新建一个文件，放在 src/auth/login 的下面，名字是 auth-login.tsx，在文件里定义一个组件，名字叫 AuthLogin，在组件里设置一下页面标题，内容是登录 - 宁皓网。

再创建一个路由文件，放在 src/app/auth 的下面，名字叫 auth.routes.tsx，文件顶部先从 react-route-dom 里导入 Route，然后再导入刚才创建的 AuthLogin 组件，位置是当前目录 login 下面的 auth-login。

下面 export 一个 authRoutes，它的值是一组 Route，先用一个 React.Fragment，里面添加一个 Route，路由的 path 设置成 login，路由的 element 设置成 AuthLogin 这个组件。

再打开 app.router.tsx，在应用的路由器这里，添加一个 authRoutes。

在浏览器测试一下，访问一下 /login ，现在页面上显示的就是 AuthLogin 这个组件。

回到项目，打开 auth-login，在组件里用一下 useEffect ，提供一个函数参数，设置一下页面的标题，用户登录 - 宁皓网。