Compare commits
43 Commits
@ -0,0 +1,33 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<router-view />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'App'
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#app {
|
||||
min-height: 100vh;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,157 @@
|
||||
<template>
|
||||
<div class="main-layout">
|
||||
<el-container>
|
||||
<el-header class="header">
|
||||
<div class="header-left">
|
||||
<h1 class="logo">小型CA系统</h1>
|
||||
<el-menu
|
||||
:default-active="activeMenu"
|
||||
mode="horizontal"
|
||||
router
|
||||
class="nav-menu"
|
||||
>
|
||||
<el-menu-item index="/certificates">我的证书</el-menu-item>
|
||||
<el-menu-item index="/certificate/register">注册证书</el-menu-item>
|
||||
<el-menu-item index="/certificate/verify">验证证书</el-menu-item>
|
||||
<el-sub-menu v-if="isAdmin" index="/admin">
|
||||
<template #title>管理后台</template>
|
||||
<el-menu-item index="/admin/requests">证书审核</el-menu-item>
|
||||
<el-menu-item index="/admin/certificates">证书管理</el-menu-item>
|
||||
</el-sub-menu>
|
||||
</el-menu>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<el-dropdown @command="handleCommand">
|
||||
<span class="user-info">
|
||||
<el-icon><User /></el-icon>
|
||||
{{ userInfo?.username }}
|
||||
<el-icon class="el-icon--right"><ArrowDown /></el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item command="logout">退出登录</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="main-content">
|
||||
<router-view />
|
||||
</el-main>
|
||||
</el-container>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref, computed, onMounted } from 'vue'
|
||||
import { useRouter, useRoute } from 'vue-router'
|
||||
import { logout, getCurrentUser } from '@/api/auth'
|
||||
import { removeToken, getUserInfo, setUserInfo } from '@/utils/auth'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { User, ArrowDown } from '@element-plus/icons-vue'
|
||||
|
||||
export default {
|
||||
name: 'MainLayout',
|
||||
setup() {
|
||||
const router = useRouter()
|
||||
const route = useRoute()
|
||||
const userInfo = ref(getUserInfo())
|
||||
const isAdmin = computed(() => userInfo.value?.authority === 1)
|
||||
const activeMenu = computed(() => route.path)
|
||||
|
||||
onMounted(async () => {
|
||||
try {
|
||||
const res = await getCurrentUser()
|
||||
setUserInfo(res.data)
|
||||
userInfo.value = res.data
|
||||
} catch (error) {
|
||||
console.error(error)
|
||||
}
|
||||
})
|
||||
|
||||
const handleCommand = async (command) => {
|
||||
if (command === 'logout') {
|
||||
try {
|
||||
ElMessageBox.confirm('确定要退出登录吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(async () => {
|
||||
try {
|
||||
await logout()
|
||||
} catch (error) {
|
||||
console.error(error)
|
||||
}
|
||||
removeToken()
|
||||
ElMessage.success('已退出登录')
|
||||
router.push('/login')
|
||||
})
|
||||
} catch (error) {
|
||||
// 用户取消
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
userInfo,
|
||||
isAdmin,
|
||||
activeMenu,
|
||||
handleCommand,
|
||||
User,
|
||||
ArrowDown
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.main-layout {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: white;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.header-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.logo {
|
||||
margin: 0;
|
||||
margin-right: 30px;
|
||||
font-size: 20px;
|
||||
color: #409eff;
|
||||
}
|
||||
|
||||
.nav-menu {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.header-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.user-info {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
padding: 20px;
|
||||
background: #f5f5f5;
|
||||
min-height: calc(100vh - 60px);
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,52 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function getPendingRequests(state = 1) {
|
||||
return request({
|
||||
url: '/admin/requests',
|
||||
method: 'get',
|
||||
params: { state }
|
||||
})
|
||||
}
|
||||
|
||||
export function approveRequest(requestId) {
|
||||
return request({
|
||||
url: `/admin/request/${requestId}/approve`,
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
export function rejectRequest(requestId) {
|
||||
return request({
|
||||
url: `/admin/request/${requestId}/reject`,
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
export function getAllCertificates() {
|
||||
return request({
|
||||
url: '/admin/certificates',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function revokeCertificate(certId) {
|
||||
return request({
|
||||
url: `/admin/certificate/${certId}/revoke`,
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
export function getRequestDetail(requestId) {
|
||||
return request({
|
||||
url: `/admin/request/${requestId}`,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function getCertificateDetail(certId) {
|
||||
return request({
|
||||
url: `/admin/certificate/${certId}`,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
@ -0,0 +1,40 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function login(data) {
|
||||
return request({
|
||||
url: '/auth/login',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function register(data) {
|
||||
return request({
|
||||
url: '/auth/register',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function logout() {
|
||||
return request({
|
||||
url: '/auth/logout',
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
export function getCurrentUser() {
|
||||
return request({
|
||||
url: '/auth/me',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,144 @@
|
||||
from flask import Blueprint, request, jsonify
|
||||
from models import User, db
|
||||
from utils.auth_utils import hash_password, verify_password, generate_token, revoke_token
|
||||
from middleware.auth_middleware import login_required
|
||||
|
||||
auth_bp = Blueprint('auth', __name__)
|
||||
|
||||
@auth_bp.route('/register', methods=['POST'])
|
||||
def register():
|
||||
"""用户注册"""
|
||||
try:
|
||||
data = request.get_json()
|
||||
|
||||
if not data:
|
||||
return jsonify({'code': 400, 'message': '请求数据不能为空'}), 400
|
||||
|
||||
username = data.get('username')
|
||||
password = data.get('password')
|
||||
email = data.get('email')
|
||||
|
||||
if not username or not password:
|
||||
return jsonify({'code': 400, 'message': '用户名和密码不能为空'}), 400
|
||||
|
||||
if len(username) > 16:
|
||||
return jsonify({'code': 400, 'message': '用户名长度不能超过16个字符'}), 400
|
||||
|
||||
# 检查用户名是否已存在
|
||||
existing_user = User.query.filter_by(username=username, deleted_at=None).first()
|
||||
if existing_user:
|
||||
return jsonify({'code': 400, 'message': '用户名已存在'}), 400
|
||||
|
||||
# 创建新用户
|
||||
hashed_password = hash_password(password)
|
||||
new_user = User(
|
||||
username=username,
|
||||
password=hashed_password,
|
||||
email=email if email else None,
|
||||
authority=0
|
||||
)
|
||||
|
||||
db.session.add(new_user)
|
||||
|
||||
# 刷新以获取ID
|
||||
db.session.flush()
|
||||
user_id = new_user.id
|
||||
|
||||
# 提交事务
|
||||
db.session.commit()
|
||||
|
||||
# 验证用户是否真的保存成功
|
||||
saved_user = User.query.get(user_id)
|
||||
if not saved_user:
|
||||
raise Exception('用户保存失败')
|
||||
|
||||
return jsonify({
|
||||
'code': 200,
|
||||
'message': '注册成功',
|
||||
'data': new_user.to_dict()
|
||||
}), 200
|
||||
except Exception as e:
|
||||
db.session.rollback()
|
||||
import traceback
|
||||
error_msg = str(e)
|
||||
traceback.print_exc()
|
||||
print(f'注册失败错误详情: {error_msg}')
|
||||
return jsonify({
|
||||
'code': 500,
|
||||
'message': f'注册失败: {error_msg}'
|
||||
}), 500
|
||||
|
||||
@auth_bp.route('/login', methods=['POST'])
|
||||
def login():
|
||||
"""用户登录"""
|
||||
try:
|
||||
data = request.get_json()
|
||||
|
||||
if not data:
|
||||
return jsonify({'code': 400, 'message': '请求数据不能为空'}), 400
|
||||
|
||||
username = data.get('username')
|
||||
password = data.get('password')
|
||||
|
||||
if not username or not password:
|
||||
return jsonify({'code': 400, 'message': '用户名和密码不能为空'}), 400
|
||||
|
||||
# 查找用户
|
||||
user = User.query.filter_by(username=username, deleted_at=None).first()
|
||||
if not user:
|
||||
return jsonify({'code': 401, 'message': '用户名或密码错误'}), 401
|
||||
|
||||
# 验证密码
|
||||
if not verify_password(password, user.password):
|
||||
return jsonify({'code': 401, 'message': '用户名或密码错误'}), 401
|
||||
|
||||
# 生成Token
|
||||
token, expire_time = generate_token(user.id, user.username)
|
||||
|
||||
return jsonify({
|
||||
'code': 200,
|
||||
'message': '登录成功',
|
||||
'data': {
|
||||
'user': user.to_dict(),
|
||||
'token': token,
|
||||
'expire_time': expire_time
|
||||
}
|
||||
}), 200
|
||||
except Exception as e:
|
||||
import traceback
|
||||
error_msg = str(e)
|
||||
traceback.print_exc()
|
||||
print(f'登录失败错误详情: {error_msg}')
|
||||
return jsonify({
|
||||
'code': 500,
|
||||
'message': f'登录失败: {error_msg}'
|
||||
}), 500
|
||||
|
||||
@auth_bp.route('/logout', methods=['POST'])
|
||||
@login_required
|
||||
def logout():
|
||||
"""用户退出登录"""
|
||||
token = request.headers.get('Authorization')
|
||||
if token.startswith('Bearer '):
|
||||
token = token[7:]
|
||||
|
||||
revoke_token(token)
|
||||
|
||||
return jsonify({
|
||||
'code': 200,
|
||||
'message': '退出登录成功'
|
||||
}), 200
|
||||
|
||||
@auth_bp.route('/me', methods=['GET'])
|
||||
@login_required
|
||||
def get_current_user():
|
||||
"""获取当前用户信息"""
|
||||
user = User.query.get(request.user_id)
|
||||
if not user:
|
||||
return jsonify({'code': 404, 'message': '用户不存在'}), 404
|
||||
|
||||
return jsonify({
|
||||
'code': 200,
|
||||
'data': user.to_dict()
|
||||
}), 200
|
||||
|
||||
@ -1,21 +0,0 @@
|
||||
-----BEGIN CERTIFICATE-----
|
||||
MIIDazCCAlOgAwIBAgIURTnwQt2PO0mUtEFOychDPgWdxDUwDQYJKoZIhvcNAQEL
|
||||
BQAwZTELMAkGA1UEBhMCQ04xEDAOBgNVBAgMB0JlaWppbmcxEDAOBgNVBAcMB0Jl
|
||||
aWppbmcxGTAXBgNVBAoMEFNpbXBsZSBDQSBTeXN0ZW0xFzAVBgNVBAMMDlNpbXBs
|
||||
ZSBDQSBSb290MB4XDTI1MTIyOTAyMDcyMloXDTM1MTIyNzAyMDcyMlowZTELMAkG
|
||||
A1UEBhMCQ04xEDAOBgNVBAgMB0JlaWppbmcxEDAOBgNVBAcMB0JlaWppbmcxGTAX
|
||||
BgNVBAoMEFNpbXBsZSBDQSBTeXN0ZW0xFzAVBgNVBAMMDlNpbXBsZSBDQSBSb290
|
||||
MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEArlep+Euflf0vY95Ibi6H
|
||||
bOnHh7DJGUZ0R0LCiDM5EXQ7nYuGSynZeHCh3H5wjirZaGivOkI6AByCyK4u7a9T
|
||||
FFBTfehfFaVFPHM8+TlNpUgS04nyYuPq0fB/oeVDGMNWRRpdB68Odp0IWQ4BqFIS
|
||||
Hk5hSadrV5udaKwjrEBfazTwwvDWDlkonkGsMjuCwBBiIOLXHPXEs7KRBx4SR8Ck
|
||||
FOZMwabBviF7T5IWTPEK29ARMK89wgxWr1YlbDwGk7wrre2lbZHr8+QicK2W2WrZ
|
||||
uhNVnWLEEt4u7cufhGthw6bACr3qVWOlsIgDa35xYLz7b9s5ndZbbgkwaQBKUvJW
|
||||
kQIDAQABoxMwETAPBgNVHRMBAf8EBTADAQH/MA0GCSqGSIb3DQEBCwUAA4IBAQAV
|
||||
jhvTC9T8KhDnCXpecNkBzvrKFMiWv04niVV9NYtyjgbOElszEl9tVqQA7QgdLwDv
|
||||
9PNE1oRslktLQ3/J/4tuGBWuA6ZJ37nfYCJrCw2EFO9hwUEqq30d2R0enFDdeaLq
|
||||
tnOGKa5UOrR6IHuwt3OFH4hJR+179rAers4e42psT266vNaYYoC/BapyZ0gqSTnE
|
||||
5iL7hjoBbZGlagHx7E7DVFn5JKogxBpWp4+bxBQI+ztPG/58a76a+fcCwusMoX37
|
||||
TOLrzWhFY/51Hp/wp4r9RdyQcIm86gCg3x/OBFioUaA5D45TswHBWfIAa8QLffvS
|
||||
P/nOLL6ZPR2SuOTYorMC
|
||||
-----END CERTIFICATE-----
|
||||
@ -1,28 +0,0 @@
|
||||
-----BEGIN PRIVATE KEY-----
|
||||
MIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQCuV6n4S5+V/S9j
|
||||
3khuLods6ceHsMkZRnRHQsKIMzkRdDudi4ZLKdl4cKHcfnCOKtloaK86QjoAHILI
|
||||
ri7tr1MUUFN96F8VpUU8czz5OU2lSBLTifJi4+rR8H+h5UMYw1ZFGl0Hrw52nQhZ
|
||||
DgGoUhIeTmFJp2tXm51orCOsQF9rNPDC8NYOWSieQawyO4LAEGIg4tcc9cSzspEH
|
||||
HhJHwKQU5kzBpsG+IXtPkhZM8Qrb0BEwrz3CDFavViVsPAaTvCut7aVtkevz5CJw
|
||||
rZbZatm6E1WdYsQS3i7ty5+Ea2HDpsAKvepVY6WwiANrfnFgvPtv2zmd1ltuCTBp
|
||||
AEpS8laRAgMBAAECggEAFBptsgDeXQg937Ew/uuEmC144Y+kELMME2+CSPxHF1kk
|
||||
yqzdBmvD9Nxf/bHivrH4Mc7obbpXP84J0qQrKyMtXElK51jVJgTRr//FxyMxbd6a
|
||||
tSPR/E81s5Gc1gk+rGtR1lQM6Cbqbwj6fnJcBJG6Hx6An2KbwRVjmD9JOcKOfikC
|
||||
3kW8mHf/qXzvWeO/Vt5n2QL5MAaUh7wAI+PPY6ifw7A6+EhlR5JqKuNrOsR329Q+
|
||||
d6Q3NpWu90moWZxhL7e708b4gvZumLBvJ3/U5Jts1VGMvhVy2jCGVjcP8tkKo6ON
|
||||
SIHmsPdu+/QYk/nc/W3IVBs6eF5Yu51+/PS9dP+iBQKBgQDai/liPMt75SG3sBqj
|
||||
mklhFO3AovLaLpptXmg2uIIPVwzYryZcBSoOBv+ckiA9Ku9Qy+sjMoCqHy8af13v
|
||||
Zc8ojzV/4fOAWJoDY6CZE3BZSD4+ZxKrqRvutbL9F5ahBEUPPr+i4dxZm/FINB0s
|
||||
jgDRRLzowEZarWIHvRTeQKDlkwKBgQDMOF5whpDjczf6gqIZsrWrU5xk3Yvs2L/u
|
||||
Rjwh1gtqA3briPyrPKcDrp7NZZgboRaaqOayKXsoag4N9woaKDzFe4MfAnUSpPoc
|
||||
nToZxhpuiHLQjzsG2AMSStDp6AELyyFLkt9PUKHS3ANrxmOS1FW7d0ClgEZJHNr3
|
||||
8Vcq1eFpywKBgBOAWgiCFEZB8/hIJphitBmNnImMAM+nSPBpdDMt0606v1K2jl23
|
||||
uED4Lubxwx6yLhivmZPSddi4X6OlqeQq2Yls/gEjUG8reNLEmRgPu/67i5JV8DyR
|
||||
IoTygb5D1JUZpG/v0XnfXaJBYA5pWBEZusjxsUmznpOI1S6LmMkcSz8xAoGBAJOt
|
||||
r51vshbImxJspQwwT281Z0MJcsYzd5e28oUFY/ulxblNtmmd0qi2/d9KOFTCiLYO
|
||||
rcToekcfakpu+r8vmcK1LnyeKkrxQmyuxfUdbL/BrEVlTioEyzPPJoP/YcJFgi5E
|
||||
Z3fTtzHkKBUnwZnMMrL96aHEwQ7d7vqda4tuXzNBAoGBALfV9wWtbLWtCaLzbrSG
|
||||
zs/GuZxmzWHD7KewImNmj5nk/zQCEclycXaSLn+ETcVzJmRDEJxdB87dnebe3t0f
|
||||
0ThiBRRTbqIJ/onlyaruJiKIONBmJI+ERsD7wTTYlQMY4rlhRtPQCFA3zlPwqtQv
|
||||
ea4KNFTyTXx0CJzS8fbY8WXD
|
||||
-----END PRIVATE KEY-----
|
||||
@ -0,0 +1,95 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function getCertificates() {
|
||||
return request({
|
||||
url: '/certificate/list',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function getCertificateDetail(certId) {
|
||||
return request({
|
||||
url: `/certificate/detail/${certId}`,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function downloadCertificate(certId) {
|
||||
return request({
|
||||
url: `/certificate/download/${certId}`,
|
||||
method: 'get',
|
||||
responseType: 'blob'
|
||||
})
|
||||
}
|
||||
|
||||
export function revokeCertificate(certId) {
|
||||
return request({
|
||||
url: `/certificate/revoke/${certId}`,
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
export function verifyCertificate(file) {
|
||||
const formData = new FormData()
|
||||
formData.append('file', file)
|
||||
return request({
|
||||
url: '/certificate/verify',
|
||||
method: 'post',
|
||||
data: formData,
|
||||
headers: {
|
||||
'Content-Type': 'multipart/form-data'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
export function requestCertificate(data) {
|
||||
return request({
|
||||
url: '/certificate/request',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function uploadCSR(file) {
|
||||
const formData = new FormData()
|
||||
formData.append('file', file)
|
||||
return request({
|
||||
url: '/certificate/request/upload-csr',
|
||||
method: 'post',
|
||||
data: formData,
|
||||
headers: {
|
||||
'Content-Type': 'multipart/form-data'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
export function submitKey(data) {
|
||||
return request({
|
||||
url: '/certificate/request/submit-key',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function generateKeyPair() {
|
||||
return request({
|
||||
url: '/certificate/generate-keypair',
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
export function getRequestStatus() {
|
||||
return request({
|
||||
url: '/certificate/request/status',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,20 @@
|
||||
-----BEGIN CERTIFICATE-----
|
||||
MIIDMjCCAhqgAwIBAgIUHcRmJvqR4rcL5twSbYBXpCjQorgwDQYJKoZIhvcNAQEL
|
||||
BQAwZTELMAkGA1UEBhMCQ04xEDAOBgNVBAgMB0JlaWppbmcxEDAOBgNVBAcMB0Jl
|
||||
aWppbmcxGTAXBgNVBAoMEFNpbXBsZSBDQSBTeXN0ZW0xFzAVBgNVBAMMDlNpbXBs
|
||||
ZSBDQSBSb290MB4XDTI1MTIyOTAzMDUxMVoXDTI2MTIyOTAzMDUxMVowQTELMAkG
|
||||
A1UEBhMCQ04xCzAJBgNVBAgMAmd4MQ8wDQYDVQQKDAbmoYLnlLUxFDASBgNVBAMM
|
||||
C2V4YW1wbGUuY29tMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAv6jI
|
||||
oBvsgdi+TYktAFj9l3Ad+z0+sAYpyOv6MNDcgHX32eH+/Qm+6dhdp6LQgQ1hWfTW
|
||||
GE5eX4N/0R09zELDqaNUWXalZuk5k7K/Kiqsrt7CknDzE5FHdZBVImUdjBc7cqLr
|
||||
bfhDiIfeLWKUD5sMBPcON/dGwzvA6GsY74Zljx6NBBIpC/BnN+/DFLBUr0R4bi5f
|
||||
ViOCVCLJn2cznm/31sg+izhh53ulLfIb3NOiPkQj6JZkYT/hrqqS6nmA+o8FQgeF
|
||||
HNDqxdXBMKOx3DHDHZl50aER5U0DB6cOA6Mc7kJoNKw0yxPaGueW9gXV9CouodSk
|
||||
qD+YYtvOo1+hr9/DSQIDAQABMA0GCSqGSIb3DQEBCwUAA4IBAQCOR8Uk7gNEo+u9
|
||||
afiOEUxwRfO6iN5+qRuOPCgPzrsYyLDa3jeWD1C4x8GdFQxMp/Jiivj760oYMl3Q
|
||||
tYzhBpwgRKMuw9glHV1SX8HeaU8wgBGx/gxSU1zcf/XEDkCdiubcKJPmzqBr3+TM
|
||||
eighF7YgiCBuet19Nk2wLYF+0DdfmZ6ntEMv2ZYcScqYBudz1+CfTZ3h7p8djL8R
|
||||
z4a3bSMc9PuA94QeLkHqYYM6HA0IsCXwCLDgCfzCwHDkXSlECzauVr6DsQyQOX9A
|
||||
QD/pki3gbFKZ1NHu75T4k99u2TglS8wiE+fgmJHNLfPVuqXa1wv605qhJ+lHKiPW
|
||||
MpFulZZC
|
||||
-----END CERTIFICATE-----
|
||||
@ -0,0 +1,20 @@
|
||||
-- 修复user_tokens表token字段长度的SQL脚本
|
||||
-- 执行方式: mysql -u root -p Simple_CA < fix_token_length.sql
|
||||
|
||||
USE Simple_CA;
|
||||
|
||||
-- 修改token字段长度从64增加到512
|
||||
ALTER TABLE `user_tokens`
|
||||
MODIFY COLUMN `token` VARCHAR(512) NOT NULL COMMENT 'JWT Token';
|
||||
|
||||
-- 验证修改
|
||||
DESCRIBE `user_tokens`;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="icon" href="/favicon.ico">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>小型CA系统</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,80 @@
|
||||
import { createRouter, createWebHistory } from 'vue-router'
|
||||
import { getToken, getUserInfo } from '@/utils/auth'
|
||||
|
||||
const routes = [
|
||||
{
|
||||
path: '/login',
|
||||
name: 'Login',
|
||||
component: () => import('@/views/Login.vue'),
|
||||
meta: { requiresAuth: false }
|
||||
},
|
||||
{
|
||||
path: '/register',
|
||||
name: 'Register',
|
||||
component: () => import('@/views/Register.vue'),
|
||||
meta: { requiresAuth: false }
|
||||
},
|
||||
{
|
||||
path: '/',
|
||||
component: () => import('@/layouts/MainLayout.vue'),
|
||||
redirect: '/certificates',
|
||||
meta: { requiresAuth: true },
|
||||
children: [
|
||||
{
|
||||
path: 'certificates',
|
||||
name: 'Certificates',
|
||||
component: () => import('@/views/Certificates.vue')
|
||||
},
|
||||
{
|
||||
path: 'certificate/register',
|
||||
name: 'RegisterCertificate',
|
||||
component: () => import('@/views/RegisterCertificate.vue')
|
||||
},
|
||||
{
|
||||
path: 'certificate/verify',
|
||||
name: 'VerifyCertificate',
|
||||
component: () => import('@/views/VerifyCertificate.vue')
|
||||
},
|
||||
{
|
||||
path: 'admin/requests',
|
||||
name: 'AdminRequests',
|
||||
component: () => import('@/views/admin/Requests.vue'),
|
||||
meta: { requiresAdmin: true }
|
||||
},
|
||||
{
|
||||
path: 'admin/certificates',
|
||||
name: 'AdminCertificates',
|
||||
component: () => import('@/views/admin/Certificates.vue'),
|
||||
meta: { requiresAdmin: true }
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHistory(),
|
||||
routes
|
||||
})
|
||||
|
||||
router.beforeEach((to, from, next) => {
|
||||
const token = getToken()
|
||||
const userInfo = getUserInfo()
|
||||
|
||||
if (to.meta.requiresAuth && !token) {
|
||||
next('/login')
|
||||
} else if (!to.meta.requiresAuth && token && (to.path === '/login' || to.path === '/register')) {
|
||||
next('/')
|
||||
} else if (to.meta.requiresAdmin) {
|
||||
// 检查管理员权限
|
||||
if (!userInfo || userInfo.authority !== 1) {
|
||||
next('/certificates') // 非管理员跳转到证书列表
|
||||
} else {
|
||||
next()
|
||||
}
|
||||
} else {
|
||||
next()
|
||||
}
|
||||
})
|
||||
|
||||
export default router
|
||||
|
||||
@ -0,0 +1,26 @@
|
||||
import { createApp } from 'vue'
|
||||
import App from './App.vue'
|
||||
import router from './router'
|
||||
import ElementPlus from 'element-plus'
|
||||
import 'element-plus/dist/index.css'
|
||||
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
|
||||
|
||||
const app = createApp(App)
|
||||
|
||||
// 注册所有图标
|
||||
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
||||
app.component(key, component)
|
||||
}
|
||||
|
||||
app.use(router)
|
||||
app.use(ElementPlus)
|
||||
app.mount('#app')
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,31 @@
|
||||
{
|
||||
"name": "ca-system-frontend",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"dev": "vite",
|
||||
"build:vite": "vite build"
|
||||
},
|
||||
"dependencies": {
|
||||
"vue": "^3.3.4",
|
||||
"vue-router": "^4.2.5",
|
||||
"axios": "^1.6.0",
|
||||
"element-plus": "^2.4.4",
|
||||
"@element-plus/icons-vue": "^2.3.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^4.5.0",
|
||||
"vite": "^5.0.5"
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,38 @@
|
||||
/**
|
||||
* 性能优化工具函数
|
||||
* 防抖函数
|
||||
*/
|
||||
export function debounce(func, wait = 300) {
|
||||
let timeout
|
||||
return function executedFunction(...args) {
|
||||
const later = () => {
|
||||
clearTimeout(timeout)
|
||||
func(...args)
|
||||
}
|
||||
clearTimeout(timeout)
|
||||
timeout = setTimeout(later, wait)
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 节流函数
|
||||
*/
|
||||
export function throttle(func, limit = 300) {
|
||||
let inThrottle
|
||||
return function executedFunction(...args) {
|
||||
if (!inThrottle) {
|
||||
func.apply(this, args)
|
||||
inThrottle = true
|
||||
setTimeout(() => (inThrottle = false), limit)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,33 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
import path from 'path'
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [vue()],
|
||||
resolve: {
|
||||
alias: {
|
||||
'@': path.resolve(__dirname, 'src')
|
||||
}
|
||||
},
|
||||
server: {
|
||||
port: 8080,
|
||||
host: '127.0.0.1', // 强制使用IPv4
|
||||
proxy: {
|
||||
'/api': {
|
||||
target: 'http://127.0.0.1:5000', // 使用IPv4地址而不是localhost
|
||||
changeOrigin: true,
|
||||
secure: false,
|
||||
ws: true, // 支持websocket
|
||||
configure: (proxy, _options) => {
|
||||
proxy.on('error', (err, _req, _res) => {
|
||||
console.log('代理错误:', err);
|
||||
});
|
||||
proxy.on('proxyReq', (proxyReq, req, _res) => {
|
||||
console.log('发送请求到后端:', req.method, req.url);
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
Loading…
Reference in new issue