feat: 实现邮箱验证码登录和腾讯云SES集成

- 实现邮箱验证码登录功能,支持自动注册新用户
- 修复验证码生成逻辑,确保前后端验证码一致
- 添加腾讯云SES webhook回调接口,支持6种邮件事件
- 配置ngrok内网穿透支持,允许外部访问
- 优化登录页面UI,采用全屏背景和居中布局
- 清理调试代码和未使用的导入
- 添加完整的配置文档和测试脚本
This commit is contained in:
AIGC Developer
2025-10-23 17:50:12 +08:00
parent 26d10a3322
commit a13ff70055
32 changed files with 1979 additions and 588 deletions

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div class="subscription-page">
<!-- 左侧导航栏 -->
<aside class="sidebar">
@@ -7,11 +7,11 @@
<!-- 导航菜单 -->
<nav class="nav-menu">
<div class="nav-item" @click="goToProfile" @mousedown="console.log('mousedown 个人主页')">
<div class="nav-item" @click="goToProfile">
<el-icon><User /></el-icon>
<span>个人主页</span>
</div>
<div class="nav-item" :class="{ active: currentSection === 'subscription' }" @click="setSection('subscription')" @mousedown="console.log('mousedown 会员订阅')">
<div class="nav-item" :class="{ active: currentSection === 'subscription' }" @click="setSection('subscription')">
<el-icon><Compass /></el-icon>
<span>会员订阅</span>
</div>
@@ -249,7 +249,6 @@ const router = useRouter()
// 跳转到个人主页
const goToProfile = () => {
console.log('点击个人主页')
router.push('/profile')
}
@@ -305,7 +304,6 @@ const totalAmount = computed(() => {
// 显示订单详情模态框
const goToOrderDetails = () => {
console.log('点击积分详情,显示订单详情模态框')
orderDialogVisible.value = true
}
@@ -316,7 +314,6 @@ const handleOrderDialogClose = () => {
// 查看订单详情
const viewOrderDetail = (order) => {
console.log('查看订单详情:', order)
// 这里可以添加查看订单详情的逻辑
}