如何用ThinkPHP5.1、PHP和Vue.js实现前后端分离及高效交互？

本文共计1617个文字，预计阅读时间需要7分钟。

由ThinkPHP框架教程栏目为大家介绍ThinkPHP5.1与PHP、Vue.js实现前后端分离和交互，希望对有需要的伙伴有所帮助！主要目标是使用Vue.js将前端获取的账号和密码传递到后端。

下面由thinkphp框架教程栏目给大家介绍thinkphp5.1和php、vue.js实现前后端分离和交互，希望对需要的朋友有所帮助！

主要目标是使用vue.js把前端获取的账号和密码传到后台，然后使用tp5.1框架获取前端的值，并返回token等一些值。然后使用localStorage.setItem()把数据存入前端。在之后的访问中，把localStorage.setItem()保存的值返回到后台，使后台获取相应的值，并根据这个值获取数据库的值，并判断这个值是否成立，最后把成功或者失败的指令或者值返回到前端。前端根据获得的值实现某项操作，或者跳转。

1.准备工作，在前端login.html调用vue.js和axios.js。这里还调用了饿了吗的一些简单ui的使用。