当前位置: 首页 > news >正文

apipost接口200状态码,浏览器控制台500状态码

后端 url

登录login方法

login(){this.$refs.loginForm.validate(async valid => {if (!valid) return// 由于data属性是一个json对象,需要进行解构赋值{data:result},进行状态码判断const {data: result} = await this.$http.post('/api/doLogin',this.loginForm)  // 填写的表单数据都保存在表单数据loginForm对象里console.log('后端data数据内容',result)if (result.status !== 200) {return console.log('登录失败')}//先打印到浏览器控制台,看结果console.log('登录成功')this.$router.push('/home')})}

 导致这个问题的原因 是前端没有携带 用户和密码这两个参数,

需要使用qs库 将对象序列为字符串 或将字符串转换为对象

安装 qs 库

yarn add qs 或 npm install qs 

引入qs 

import qs from 'qs'
login(){const that = thisthis.$refs.loginForm.validate(async valid => {if (!valid) return// 将loginForm对象转换为查询字符串var data = qs.stringify(this.loginForm)// 由于data属性是一个json对象,需要进行解构赋值{data:result},进行状态码判断await this.$http.post('/api/doLogin',data).then(function (response){if (response.data.status === 200){console.log('登录成功')// ElMessage({message: '登录成功',type: 'success'})that.$router.push('/home')}else {console.log(response.data.status)console.log('api后端接口状态')}})})}

http://www.lryc.cn/news/242238.html

相关文章:

  • Instant Web API .Net Core Crack
  • vue项目使用easyplayer播放m3u8直播推流
  • Python报错:AttributeError(类属性、实例属性)
  • vue+springboot读取git的markdown文件并展示
  • 多功能PHP图床源码:Lsky Pro开源版v2.1 – 最新兰空图床
  • Hive内置表生成函数
  • 电源控制系统架构(PCSA)之电源控制框架概览
  • Sentinel 监控数据持久化(mysql)
  • 基于法医调查算法优化概率神经网络PNN的分类预测 - 附代码
  • canvas高级动画001:文字瀑布流
  • 抽象类, 接口, Object类 ---java
  • SOAP 协议和 HTTP 协议:深入解读与对比
  • Unity发布IOS后,使用xcode打包报错:MapFileParser.sh:Permissiondenied
  • 2021年12月 Scratch(三级)真题解析#中国电子学会#全国青少年软件编程等级考试
  • mac上Homebrew的安装与使用
  • YOLOv5 分类模型 预处理 OpenCV实现
  • 在arm 64 环境下使用halcon算法
  • H5(uniapp)中使用echarts
  • QLineEdit设置掩码Ip
  • 开源语音大语言模型来了!阿里基于Qwen-Chat提出Qwen-Audio!
  • 缓存雪崩、击穿、穿透及解决方案_保证缓存和数据库一致性
  • 仿 美图 / 饿了么,店铺详情页功能
  • Redis Cluster主从模式详解
  • Linux技能篇-非交互式修改密码
  • 记一次docker服务启动失败解决过程
  • npm ERR! node-sass@4.13.0 postinstall: `node scripts/build.js`
  • Java定时任务 ScheduledThreadPoolExecutor
  • Android Studio 显示build variants工具栏
  • c++八股文记录
  • C++ 指针进阶:动态分配内存