PHP および Vue.js 開発のセキュリティのベスト プラクティス: リプレイ攻撃の防止

<?php
// 生成nonce码
function generateNonce() {
    $nonce = bin2hex(random_bytes(16));
    // 保存nonce码到session或者数据库中
    $_SESSION['nonce'] = $nonce;
    return $nonce;
}

// 验证nonce码
function validateNonce($nonce) {
    // 从session或者数据库中获取之前保存的nonce码
    $savedNonce = $_SESSION['nonce'];
    if ($nonce === $savedNonce) {
        // 验证通过，删除nonce码，防止重放
        unset($_SESSION['nonce']);
        return true;
    }
    return false;
}
?>

// 创建axios实例
const axiosInstance = axios.create({
    baseURL: '/api',
});

// 请求拦截器
axiosInstance.interceptors.request.use((config) => {
    // 生成nonce码并添加到请求头
    const nonce = generateNonce();
    config.headers['X-Nonce'] = nonce;
    return config;
}, (error) => {
    return Promise.reject(error);
});

// 响应拦截器
axiosInstance.interceptors.response.use((response) => {
    // 验证nonce码
    const nonce = response.headers['x-nonce'];
    if (!validateNonce(nonce)) {
        // 验证失败，处理错误
        handleReplayAttack();
    }
    return response;
}, (error) => {
    return Promise.reject(error);
});

<?php
// 验证时间戳和过期时间
function validateTimestamp($timestamp) {
    $currentTimestamp = time();
    $validDuration = 60; // 设置有效期为60秒
    if (abs($currentTimestamp - $timestamp) <= $validDuration) {
        return true;
    }
    return false;
}
?>

// 请求拦截器
axiosInstance.interceptors.request.use((config) => {
    // 添加时间戳并添加到请求头
    const timestamp = Date.now();
    config.headers['X-Timestamp'] = timestamp;
    return config;
}, (error) => {
    return Promise.reject(error);
});

// 响应拦截器
axiosInstance.interceptors.response.use((response) => {
    // 验证时间戳
    const timestamp = response.headers['x-timestamp'];
    if (!validateTimestamp(timestamp)) {
        // 验证失败，处理错误
        handleReplayAttack();
    }
    return response;
}, (error) => {
    return Promise.reject(error);
});