82 lines
3.1 KiB
HTML
82 lines
3.1 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<title>API测试</title>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<h1>API测试页面</h1>
|
|||
|
|
<button onclick="testLogin()">测试登录</button>
|
|||
|
|
<button onclick="testProjects()">测试项目接口</button>
|
|||
|
|
<div id="result"></div>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
let token = '';
|
|||
|
|
|
|||
|
|
async function testLogin() {
|
|||
|
|
try {
|
|||
|
|
const response = await fetch('http://localhost:5351/api/auth/login', {
|
|||
|
|
method: 'POST',
|
|||
|
|
headers: {
|
|||
|
|
'Content-Type': 'application/json'
|
|||
|
|
},
|
|||
|
|
body: JSON.stringify({
|
|||
|
|
username: 'admin',
|
|||
|
|
password: 'Admin123456'
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
const data = await response.json();
|
|||
|
|
console.log('登录响应:', data);
|
|||
|
|
|
|||
|
|
if (data.success) {
|
|||
|
|
token = data.data.token;
|
|||
|
|
document.getElementById('result').innerHTML =
|
|||
|
|
'<p style="color: green;">登录成功！Token: ' + token.substring(0, 20) + '...</p>';
|
|||
|
|
} else {
|
|||
|
|
document.getElementById('result').innerHTML =
|
|||
|
|
'<p style="color: red;">登录失败: ' + data.message + '</p>';
|
|||
|
|
}
|
|||
|
|
} catch (error) {
|
|||
|
|
console.error('登录错误:', error);
|
|||
|
|
document.getElementById('result').innerHTML =
|
|||
|
|
'<p style="color: red;">登录错误: ' + error.message + '</p>';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function testProjects() {
|
|||
|
|
if (!token) {
|
|||
|
|
document.getElementById('result').innerHTML =
|
|||
|
|
'<p style="color: red;">请先登录！</p>';
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
const response = await fetch('http://localhost:5351/api/projects?page=1&limit=12&search=&status=', {
|
|||
|
|
method: 'GET',
|
|||
|
|
headers: {
|
|||
|
|
'Authorization': 'Bearer ' + token,
|
|||
|
|
'Content-Type': 'application/json'
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
const data = await response.json();
|
|||
|
|
console.log('项目接口响应:', data);
|
|||
|
|
|
|||
|
|
if (data.success) {
|
|||
|
|
document.getElementById('result').innerHTML =
|
|||
|
|
'<p style="color: green;">项目接口成功！项目数量: ' + data.data.projects.length + '</p>' +
|
|||
|
|
'<pre>' + JSON.stringify(data.data.projects.slice(0, 2), null, 2) + '</pre>';
|
|||
|
|
} else {
|
|||
|
|
document.getElementById('result').innerHTML =
|
|||
|
|
'<p style="color: red;">项目接口失败: ' + data.message + '</p>';
|
|||
|
|
}
|
|||
|
|
} catch (error) {
|
|||
|
|
console.error('项目接口错误:', error);
|
|||
|
|
document.getElementById('result').innerHTML =
|
|||
|
|
'<p style="color: red;">项目接口错误: ' + error.message + '</p>';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|