vue后台管理实现登录

最新推荐文章于 2024-08-08 08:29:02 发布

「已注销」

最新推荐文章于 2024-08-08 08:29:02 发布

阅读量1.6k

点赞数

文章标签： html5 es6 css3 javascript vue.js

本文链接：https://blog.csdn.net/can0101/article/details/106723712

版权

本文介绍了Vue后台管理登录的实现过程。首先，当用户输入用户名和密码并提交时，前端向服务器发送登录请求。其次，服务器验证账号信息，若正确则返回token。最后，前端接收到token后将其存储在localStroage中，并重定向到首页。

摘要由CSDN通过智能技术生成

vue后台管理实现登录

1、实现思路

1、当用户登录的时候，向后台请求登录接口，发送用户名和密码进行验证。

// 点击登录按钮
submitForm (formName) {
   
      this.$refs[formName].validate(async (valid) => {
   
        if (valid) {
   
          //  this.ruleForm为用户名和密码，调用后端接口，进行传递验证
          const result = await goLogin(this.ruleForm)
          console.log(result)
          // result.flag===1时，验证成功，