PHP Vue 登錄源碼示例:
<?php // 驗(yàn)證用戶是否存在 function isUserExist($user) { return isset($user['username']) && $user['username'] === 'admin' && isset($user['password']) && $user['password'] === 'admin'; } // 處理登錄請(qǐng)求 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' =>'用戶名或密碼錯(cuò)誤!']); } } // 處理跨域請(qǐng)求 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: *'); // 根據(jù)請(qǐng)求方法分別處理 if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') { handleOptionsRequest(); } else if ($_SERVER['REQUEST_METHOD'] === 'POST') { handleLoginRequest(); } else { http_response_code(405); echo json_encode(['message' =>'請(qǐng)求方法不允許!']); }
以上代碼展示了一個(gè)簡(jiǎn)單的 PHP 接口,用于處理 Vue 登錄組件發(fā)送的請(qǐng)求。其中包括對(duì)用戶信息的驗(yàn)證、處理請(qǐng)求跨域問(wèn)題以及根據(jù)請(qǐng)求方法進(jìn)行相應(yīng)響應(yīng)等。在 Vue 組件中,只需要通過(guò) HTTP 客戶端發(fā)送登錄請(qǐng)求后,對(duì)響應(yīng)進(jìn)行處理即可達(dá)到登錄效果。