前后端交互-数据类型不匹配（TypeError: data.reduce is not a function）-程序员宅基地

技术标签： java vue 前端 json

错误1：TypeError: data.reduce is not a function

错误2：TypeError: Cannot read property ‘firstName’ of undefined）**

错误原因：

response.data数据打印出来了，但是赋值的前面that.tableData却没有数据在前台打印出来。

看后台数据，返回的是一个对象数据类型

在这里插入图片描述

观看前端可知，接受的数据是一个数组类型，所以两者类型不一致。

在这里插入图片描述

解决方法

因为后端返回的是一个对象：UserVo对象
在这里插入图片描述
所以，将后台的数据的返回类型改成了数组的形式就好了，这样前后端数据就一致了。

最后看一下返回的数组类型的数据

或者更改前端也可以

本文链接：https://blog.csdn.net/weixin_45969142/article/details/111998706

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

密码学笔记1-信息安全的基本属性（机密性、认证、完整性、不可否认性）-程序员宅基地

文章浏览阅读2w次，点赞7次，收藏43次。机密性（confidentiality）：保证信息被授权者使用而不泄露给未授权者；即让未授权者看不到信息或者看不懂信息；认证（Authentication）：认证包括消息认证和身份认证；消息认证：消息认证包括消息源认证（消息来源未被冒充）和消息完整性（消息未被篡改）身份认证：保证通信实体的真实性证明“你就是你”完整性（Integrity）：数据完整性和系统完整性数据完整性：数据未被未授权篡改或损坏系统完整性：系统未被非授权操控，按既定的程序运行系统没有被“动过”不可否认性（Non-repu_机密性

支付-支付宝接口全流程_支付宝支付接口-程序员宅基地

文章浏览阅读5k次，点赞7次，收藏29次。有pom和模板可以改成自己的_支付宝支付接口

小白玩转浏览器开发者工具—F12（超详细）-程序员宅基地

文章浏览阅读1.2w次，点赞15次，收藏82次。浏览器F12开发者工具详解_浏览器开发者工具

2021小白Python入门学习记录Day3（win10系统、Python3.9、使用Pycharm）python高级数据类型(字符串、列表、元组、字典、集合) 及其操作_从列表对象list的右侧向左数的第三个元素表示为-程序员宅基地

文章浏览阅读453次。目录一、序列（字符串、列表、元组）序列简介序列操作（一）、字符串 str1.字符串定义2.部分字符串操作（二）列表 list1.列表简介2.定义一个列表3.列表操作4.列表切片（三）元组tuple1.元组简介2.定义一个元组3.元组操作和注意事项4.元组切片# 序列操作内置函数（补充）二、非序列类型（无序）字典和集合（一）字典 dict1.字典简介2.字典的多种创建方式3.字典操作（二）集合 set..._从列表对象list的右侧向左数的第三个元素表示为

Windows常见蓝屏代码及解决方法_电脑蓝屏代码大全及解决方案-程序员宅基地

文章浏览阅读1.2w次，点赞4次，收藏31次。1.Windows系统中最常见的10种蓝屏代码含义及解决办法1.0x0000000A 此问题百分之八十是驱动冲突，显卡和芯片组的问题偏多，如果出现这个蓝屏代码，建议进安全模式，删除最近的更新和安装的显卡和主板驱动。5.0x000000ed 此问题大多是硬盘问题，可以先进安全模式里面清理下磁盘碎片，如果连安全模式也进不去，肯定是硬盘问题（老硬盘此蓝屏代码偏多）。10.0x0000009C 此蓝屏基本是要在windows日志里面才能看到，这个蓝屏是一闪而过的，电脑会循环重启，大多数都是换内存解决的。_电脑蓝屏代码大全及解决方案

【微信小程序】小程序代码基本组成结构_微信小程序代码-程序员宅基地

文章浏览阅读3.9w次，点赞154次，收藏219次。微信小程序之小程序代码基本组成结构，持续更新微信小程序系列专栏_微信小程序代码

随便推点

SSM医院住院管理系统+文档报告_医院管理系统文档-程序员宅基地

文章浏览阅读56次。1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；5.数据库：MySql 5.7版本；6.是否Maven项目：否；_医院管理系统文档

【计算机毕业设计】015基于SpringBoot的在线视频教育平台的设计与实现_在线教育平台的设计与实现毕设-程序员宅基地

文章浏览阅读227次。随着科学技术的飞速发展，各行各业都在努力与现代先进技术接轨，通过科技手段提高自身的优势；对于在线视频教育平台当然也不能排除在外，随着网络技术的不断成熟，带动了在线视频教育平台，它彻底改变了过去传统的管理方式，不仅使服务管理难度变低了，还提升了管理的灵活性。这种个性化的平台特别注重交互协调与管理的相互配合，激发了管理人员的创造性与主动性，对在线视频教育平台而言非常有利。本系统采用的数据库是Mysql，使用SpringBoot框架开发，运行环境使用Tomcat服务器，ECLIPSE 是本系统的开发平台。在设计_在线教育平台的设计与实现毕设

表格的使用及简单写法_csdn中的表格怎么用-程序员宅基地

文章浏览阅读551次。<!doctype html><html><head><meta charset="utf-8"><title>表格</title></head><body><table border="10" width=&qu_csdn中的表格怎么用

ABP源码分析三十九：ABP.Hangfire-程序员宅基地

文章浏览阅读97次。ABP对HangFire的集成主要是通过实现IBackgroundJobManager接口的HangfireBackgroundJobManager类完成的。HangfireBackgroundJobManager:实现了接口IBackgroundJobManager中的方法EnqueueAsync，通过HangfireBackgroundJob完成Enqueue。重写了BackgroundW..._method 'enqueueasync' on type 'abp.hangfire.hangfirebackgroundjobmanager' fr

webform 和 winform两者区别_webform和winform的区别-程序员宅基地

文章浏览阅读2k次。WebForm应用程序部署在服务器端，用户通过浏览器与其交互；WinForm应用程序需要部署到客户端，用户通过专门为该程序打造的用户界面与其交互。WebForm是基于Web浏览器的网络应用程序窗体,winform是基于Windows桌面应用程序窗体._webform和winform的区别

Ajax介绍以及工作原理和实现详解（JS实现Ajax 和 JQ实现Ajax）_ajax前端和后端如何实现负载均衡-程序员宅基地

文章浏览阅读6.3k次，点赞48次，收藏185次。注重版权，转载请注明原作者和原文链接作者：码农BookSea原文链接：https://editor.csdn.net/md?articleId=1068817951.认识AjaxAjax = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。Ajax 不是新的编程语言，而是一种使用现有标准的新方法。Ajax 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下，说的简单点就是Ajax可以实现局部刷新。（如百度地._ajax前端和后端如何实现负载均衡