vue-element-admin+springboot登录功能实现

6 篇文章 0 订阅

         运行vue-element-admin时,能顺利用用户名admin和密码111111登录的,是因为前端自带的模拟数据。(至于如何获取这个模拟数据,这个还没详细了解)

        当然,我们开发自己的业务总不能用模拟数据吧,肯定要有后台系统来支撑整个业务的实现。因为要把目前的项目跑起来,没太多功夫去了解究竟哪个后端框架好,在网上学习了下,有用springboot做后端开发的。于是也就赶紧用上springboot。

前端方面:

1、需要设置前端指向的接口通信的地址。(我们知道,前端框架和后端系统的通信主要是通过接口,那就必须要有设置接口路径的入口)这里的设置入口是:env.development

 当VUE_APP_BASE_API=''时,这个就依赖于前端自带的模拟数据进行登录和获取数据。

2、进行接口通信,第一步把路径设置好了,那接下来就要知道,需要实现什么接口功能,要知道接口名、接口的通信信息是如何:

 

后端方面:

1、网上有些文章写道前后端通信过程中有个跨域的问题;

2、登录过程是如何:

(1)前端发出携带登录用户名和密码的login请求,然后后端校验用户名和密码是否正确;正确则返回token;

(2)然后前端需要获取用户信息,通过getinfo请求;

前端获取到用户信息后,便顺利登录了。

涉及问题:

1、token如何获取;

2、有些文章指出最好用vue-element-template来做开发,然后vue-element-admin作为字典,有什么需要的功能再从字典里面搬。

3、接口通信过程是否都需要携带token进行请求?(应该是要,网上有文章已确认,这样做估计是确保接口通信数据的安全性吧,有token进行验证,则验证通过才发数据,否则无法获取数据)

4、登录和权限获取功能至关重要,了解了这些,基本后面获取数据接口就大致能通。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黎仔656

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值