Day 22：SpringBoot4 + Tauri 2.0（VUE）登录功能前后端联调

一、前言

我开始意识到这个专栏有点偏离主题了，起初本意是向大家展示和分享我在实践"个人公司"过程中积攒的经验，但是慢慢的又变成了纯技术讲解，我总是想要尽可能的将每一步的细节写清楚，导致我的文章变得又和之前一样，大段的实现细节，大段的示例代码，这已经背离了我这个专栏的初衷，以至于我在前期基础功能准备的时候，花了大量时间来做这个事情，所以我决定，登录功能前后端联调结束后，加快节奏，不再像现在这样写技术实现，而是将重点放在，架构设计、实现思路、落地方法上。

二、联调（前端）

2.1. 先创建 .env.development 文件

bash 复制代码

# 开发环境配置
# 后端服务基础 URL
VITE_APP_BASE_API = '/dev-api'

# 其他环境变量可以在这里添加

2.2. 配置代理（解决跨域问题）

修改 vite.config.ts

typescript 复制代码

server: {
    ...
    // 添加代理配置
    proxy: {
      '/dev-api': {
        target: 'http://localhost:8080', // 后端服务地址
        changeOrigin: true,
        // rewrite: (path) => path.replace(/^\/api/, '') // 如果需要重写路径
      }
    }
  },

2.3. 定义类型

bash 复制代码

src/
└── types/              # 集中管理所有自定义类型
    ├── index.ts        # 类型导出入口
    ├── api.ts          # API相关类型（请求/响应）
    ├── user.ts         # 用户相关类型
    └── common.ts       # 通用类型（如分页、通用响应等）

2.4. 定义接口

typescript 复制代码

// api/login.ts
import { LoginDTO, LoginVO } from '../types'
import http from '../utils/request'

export const loginApi = {
    // 登录
     login: (data: LoginDTO) => http.post<LoginVO>('/auth/login', data),

}

2.5. 测试

三、联调（后端）

后端其实没什么需要处理的了，提供好接口就行。

四、总结

在前面这些地方耽误了挺多时间的，需要加快一下脚步了，我的主题是每天2小时，但是我发现，我在整理文章的过程中为了尽可能的展示步骤，导致我有点本末倒置了，以后文章只表达思路，具体实现大家看源码吧，有问题再讨论。

千里之行，始于足下。你的"个人公司"从这第一个2小时开始。欢迎在评论区分享你的进展或遇到的卡点，我会逐一查看，尽可能的帮助解决。我们下一篇文章见！

Day 22：SpringBoot4 + Tauri 2.0（VUE） 登录功能前后端联调