三点水不是水 2021-05-30 16:52 采纳率: 100%
浏览 157
已结题

React通过fetch发送请求到后台如何将返回的response输出在控制台

最近在做前后端的项目,前端用的是react,后台用的是springboot,想实现登录的前后端交互,具体是:前端输入用户名、密码,点击登陆后,通过fetch发送post请求到后台去验证,后台返回一个结果码,然后前端根据返回的结果码来提示用户是否登陆成功。

前端处理登陆的代码如下:

 onFinish = values => {
         //console.log('Received values of form: ', values)
         //console.log('Received values of form: ', values.username)
         var getInformation={
            method: "POST",
            headers:{
                "Content-Type":"application/json"
            },
       //    json格式转换
            body:JSON.stringify({
                "username": values.username,
                "password": values.password,
                
            })
        }
        //test 对应于后台Controller层中的RequestMapping
        fetch("http://localhost:8080/test",getInformation).then(res=>{
            res.json()
            console.log(res.status)
                   
        }).then(json=>{    
            this.setState({
                mytext:json
            })
            
        })
    
    
        
        // 登录成功,设置token令牌
        Auth.setToken('shaiudhsakjsaidhsakjndsjkahdakjldsa')
        // 是否点击记住我,如果点击则保存用户账号和密码
        Auth.setUserPwd(values)
        this.props.history.push('/admin') // 成功后跳转
    }

后台controller代码如下:

@PostMapping("/test")
    public ResultCode Test(@RequestBody Map<String,Object> map){
        System.out.println(map.get("username"));
        System.out.println(map.get("password"));
        return new ResultCode("405","post请求成功");
    }

自己测试了一下,后台能获取前端输入的数据,前端页面在输入用户名、密码并点击登录之后,打开开发者工具,也能看到返回的response。

下面是运行截图:

 

 

但是,我想实现的是能在控制台打印输出后台反馈回来的response数据,不知道怎么才能实现它,希望看到这篇提问的大佬们能帮忙解答一下

  • 写回答

1条回答 默认 最新

  • 崽崽的谷雨 2021-05-30 18:45
    关注

    在fetch的then里console.log(res),console里就可以看到啊

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 11月1日
  • 已采纳回答 10月24日

悬赏问题

  • ¥15 使用Jdk8自带的算法,和Jdk11自带的加密结果会一样吗,不一样的话有什么解决方案,Jdk不能升级的情况
  • ¥15 画两个图 python或R
  • ¥15 在线请求openmv与pixhawk 实现实时目标跟踪的具体通讯方法
  • ¥15 八路抢答器设计出现故障
  • ¥15 请教一下c语言的代码里有一个地方不懂
  • ¥15 opencv 无法读取视频
  • ¥15 用matlab 实现通信仿真
  • ¥15 按键修改电子时钟,C51单片机
  • ¥60 Java中实现如何实现张量类,并用于图像处理(不运用其他科学计算库和图像处理库))
  • ¥20 5037端口被adb自己占了