PHP と Vue.js を使用してデータ侵害や変更を防ぐためのベスト プラクティスを開発する方法

// login.php

// 验证用户提交的用户名和密码
$username = $_POST['username'];
$password = $_POST['password'];

// 在数据库中验证用户名和密码

// 如果验证成功，设置session
$_SESSION['user'] = $username;

// 跳转到登录成功页面
header('Location: dashboard.php');
exit;

// router.js

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

const router = new Router({
  // 路由配置
});

router.beforeEach((to, from, next) => {
  // 判断用户是否登录，如果未登录跳转到登录页
  const loggedIn = // 判断用户是否已登录的代码
  if (!loggedIn && to.path !== '/login') {
    next('/login');
  } else {
    next();
  }
});

export default router;

// config.php

define('SECURE', true);

// 其他配置信息

// api.js

import axios from 'axios';

const instance = axios.create({
  // 其他配置信息
  https: true
});

export default instance;

// encryption.php

// 对称加密
function encrypt($data, $key) {
  return openssl_encrypt($data, 'AES-128-ECB', $key);
}

// 对称解密
function decrypt($data, $key) {
  return openssl_decrypt($data, 'AES-128-ECB', $key);
}

// 非对称加密
function encryptKey($data, $publicKey) {
  openssl_public_encrypt($data, $encrypted, $publicKey);
  return base64_encode($encrypted);
}

// 非对称解密
function decryptKey($data, $privateKey) {
  $encrypted = base64_decode($data);
  openssl_private_decrypt($encrypted, $decrypted, $privateKey);
  return $decrypted;
}

// encryption.js

import CryptoJS from 'crypto-js';

// 对称加密
function encrypt(data, key) {
  return CryptoJS.AES.encrypt(data, key).toString();
}

// 对称解密
function decrypt(data, key) {
  const bytes = CryptoJS.AES.decrypt(data, key);
  return bytes.toString(CryptoJS.enc.Utf8);
}

// 非对称加密
function encryptKey(data, publicKey) {
  const encrypted = CryptoJS.RSA.encrypt(data, publicKey).toString();
  return btoa(encrypted);
}

// 非对称解密
function decryptKey(data, privateKey) {
  const decrypted = CryptoJS.RSA.decrypt(atob(data), privateKey).toString(CryptoJS.enc.Utf8);
  return decrypted;
}