For AI agents: the complete documentation index is available at /llms.txt, the full documentation bundle is available at /llms-full.txt, and this page is available as Markdown at /tutorials/examples/csr-auth.md.

Route Authorization

Modern.js defaults to the convention-based routing based on React Router v7. For more details, please refer to Routing.

In a web application, if there are multiple routes, we may need to authorize access to some of them before accessing them. For example, in the following scenario:

  • Access to the / route does not require authorization and can be accessed directly.
  • Access to the /protected route requires authorization. If there is no authorization, it will automatically redirect to the /login route. After successful login, it returns to /protected.