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
/protectedroute requires authorization. If there is no authorization, it will automatically redirect to the/loginroute. After successful login, it returns to/protected.