PHP Vue 登錄源碼示例:
<?php // 驗證用戶是否存在 function isUserExist($user) { return isset($user['username']) && $user['username'] === 'admin' && isset($user['password']) && $user['password'] === 'admin'; } // 處理登錄請求 function handleLoginRequest() { $user = json_decode(file_get_contents('php://input'), true); if (isUserExist($user)) { http_response_code(200); echo json_encode(['message' =>'登錄成功!']); } else { http_response_code(401); echo json_encode(['message' =>'用戶名或密碼錯誤!']); } } // 處理跨域請求 function handleOptionsRequest() { http_response_code(200); header('Access-Control-Allow-Methods: POST'); header('Access-Control-Allow-Headers: Content-Type'); } header('Content-Type: application/json;charset=UTF-8'); header('Access-Control-Allow-Origin: *'); // 根據請求方法分別處理 if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') { handleOptionsRequest(); } else if ($_SERVER['REQUEST_METHOD'] === 'POST') { handleLoginRequest(); } else { http_response_code(405); echo json_encode(['message' =>'請求方法不允許!']); }
以上代碼展示了一個簡單的 PHP 接口,用于處理 Vue 登錄組件發送的請求。其中包括對用戶信息的驗證、處理請求跨域問題以及根據請求方法進行相應響應等。在 Vue 組件中,只需要通過 HTTP 客戶端發送登錄請求后,對響應進行處理即可達到登錄效果。