基于laravel和vue的前后端分离设计

最新推荐文章于 2025-10-18 19:55:09 发布

原创

最新推荐文章于 2025-10-18 19:55:09 发布 · 1.9k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#php #vue

本文介绍了在一个Vue前端与Laravel后端的分离项目中，如何配置前端请求转发，实现登录鉴权及会话管理。通过Token生成、存储、验证，确保请求安全性，并实现登录状态持久化。后端通过Redis存储和更新Token，确保会话有效性。

前言

最近需要搭建一个前后端分离的项目，前端当然就使用常见的框架Vue的脚手架，关于Vue脚手架的安装可以参考之前的博客。后端采用php中的laravel框架，号称最受欢迎的框架，确实相比其他php的框架，在github上的星星的个数要高很多。因为之前的系统大部分前后端一个人搞定的，也常用模板引擎，现在前后端分离以后，可能前端和后端都不在同一台服务器上，因此有必要先配置后端的请求地址。

前端配置后端请求地址

配置admin开头的请求全部转发到8000的后端端口上
在这里插入图片描述

客户端带着账号密码登录，服务端处理

//生成token
$token = Token::getToken(['id' => $info['id'],'username' => $info['username'],'time' => time()]);

// 把token存储在redis中用于更新有效期
$val   = ['token' => $token];
$key   = "ADMIN:UID:".$info['id'];
$redis = new Predis();
$redis->set(