第12天：前端集成与Django后端 - 用户认证与状态管理

第12天：前端集成与Django后端 - 用户认证与状态管理

目标

整合Django后端与Vue.js前端，实现用户认证和应用状态管理。

任务概览

1. 设置Django后端用户认证。
2. 创建Vue.js前端应用。
3. 使用Vuex进行状态管理。
4. 实现前端与后端的用户认证流程。

详细步骤

1. Django后端设置

确保Django后端具备用户认证和Token认证系统。

• 配置REST_FRAMEWORK在settings.py中添加Token认证。

REST_FRAMEWORK = {
   
    'DEFAULT_AUTHENTICATION_CLASSES': [
        'rest_framework.authentication.TokenAuthentication',
    ],
}

• 创建用户认证相关的API端点（登录、登出、用户信息获取）。

2. Vue.js前端应用

使用Vue.js创建前端应用。

• 使用Vue CLI创建新项目。
• 设置Vue Router进行页面路由。

// Vue Router配置
const router = new VueRouter({
   
  routes: [
    {
    path: '/login', component: Login },
    {
    path: '/home', component: Home, meta: