JeecgBoot学习记录

最新推荐文章于 2024-11-03 22:57:00 发布

阳阳啊啊啊啊

最新推荐文章于 2024-11-03 22:57:00 发布

阅读量588

点赞数

CC 4.0 BY-SA版权

分类专栏： jeecg-boot 文章标签： vue.js spring boot html

本文链接：https://blog.youkuaiyun.com/weixin_43808250/article/details/120780345

jeecg-boot 专栏收录该内容

1 篇文章

订阅专栏

本文记录了JeecgBoot项目的登录模块实现，包括后端API地址：http://localhost:8080/jeecg-boot/，前端地址：http://localhost:3000/，以及使用Swagger的在线接口文档。重点讲述了账户登录功能，提供了前端代码实现的路径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

登录模块

后端地址：
http://localhost:8080/jeecg-boot/
在线接口文档swagger：（登录名：jeecg，密码jeecg1314）
http://localhost:8080/jeecg-boot/swagger-ui.html
http://localhost:8080/jeecg-boot/doc.html
前端地址：（前端配置文件/vue.config.js）

devServer: {
    port: 3000,
    proxy: {
      '/jeecg-boot': {
        target: 'http://localhost:8080', // 请求本地 需要jeecg-boot后台项目
        ws: false,
        changeOrigin: true
      }
    }
  }

http://localhost:3000/

账户登录

swagger接口文档在这里插入图片描述
前端代码实现：
src\api\login.js

export function login(parameter) {
  return axios({
    url: '/sys/login',
    method: 'post',
    data: parameter
  })
}

src\views\user\LoginAccount.vue

handleLogin(rememberMe){
        this.validateFields([ 'username', 'password', 'inputCode' ], (err)=>{
          if(!err){
            let loginParams = {
              username: this.model.username,
              password: this.model.password,
              captcha: this.model.inputCode,
              checkKey: this.currdatetime,
              remember_me: rememberMe,
            }
            console.log("登录参数", loginParams)
            this.Login(loginParams).then((res) => {
              this.$emit('success', res.result)
            }).catch((err) => {
              this.$emit('fail', err)
            });
          }else{
            this.$emit('validateFail')
          }
        })
      }