dify_admin/docs/web/README.md

Web Frontend Documentation

Technology Stack

• Framework: Vue 3 (Composition API)
• UI Library: Element Plus
• State Management: Pinia
• Routing: Vue Router
• HTTP Client: Axios

Core Architecture

Application Initialization

1. Creates Vue app instance
2. Configures router and store
3. Initializes Element Plus components
4. Checks for existing auth token
5. Mounts to DOM element (#app)

Key Files

• main.ts: Application entry point
• App.vue: Root component
• router/index.ts: Route configuration
• store/index.ts: State management setup

Module Structure

• api/: API service layer
• axios/: HTTP client configuration
• router/: Navigation logic
• store/: Global state management
• utils/: Helper functions
• views/: Page components