Frontend permission control: interface permissions, route permissions, button permissions.

1. Interface Permission Control

Interface permission control is typically implemented through JWT (JSON Web Token). The backend generates the token, and the frontend stores it. During each request, the token is sent to the backend for verification via the Authorization field in the request header.

II. Routing Permission Control

Different users can access various pages or functional modules based on their role permissions.

Implementation Approach:

After a user successfully logs in, a JSON data containing the accessible route table for the user is returned based on their role or permissions.

The frontend receives the routing configuration

The frontend matches the corresponding routes and dynamically adds them via Vue Router

3. Button permission control

After the user successfully logs in, data containing the button permissions that the user can access will be returned based on the user's role or permissions.

Whether the front-end control displays buttons through custom commands.