vue如何使用axios查询上传数据是否存在数据库表中

本文介绍如何在Vue项目中使用Axios进行HTTP请求配置,并实现登录功能。通过在main.js中引入并配置Axios,使其成为Vue实例的一个全局属性。登录功能通过验证表单数据后,调用Axios的post方法发送登录请求,根据响应判断登录是否成功。
部署运行你感兴趣的模型镜像

需要在main.js中配置

// 引入axios
import axios from 'axios'
// 配置请求的根路径
axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'
// 挂载到vue的原型对象上
Vue.prototype.$http = axios

点击获取到传过去的值之后,匹配数据库中是否含有这个数据,不含有则返回登录失败

login () {
      // 发送请求
      this.$refs.loginFormRef.validate(async valid => {
        if (!valid) {
          return false
        } else {
          const { data: res } = await this.$http.post('login', this.loginForm)
          if (res.meta.status !== 200) {
            return console.log('登录失败')
          } else {
            return console.log('登录成功')
          }
        }
      })
    }

您可能感兴趣的与本文相关的镜像

Facefusion

Facefusion

AI应用

FaceFusion是全新一代AI换脸工具,无需安装,一键运行,可以完成去遮挡,高清化,卡通脸一键替换,并且Nvidia/AMD等显卡全平台支持

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值