服务器与客户端数据交换（Rest API）

MyFreeIT

已于 2023-07-16 11:30:32 修改

阅读量297

点赞数

CC 4.0 BY-SA版权

分类专栏： Spring 文章标签：服务器运维

于 2023-07-16 11:24:37 首次发布

创作源自于MyFreeIT

本文链接：https://blog.csdn.net/MyFreeIT/article/details/131748019

Spring 专栏收录该内容

46 篇文章

订阅专栏

文章讲述了在服务器端使用AjaxResponse构建成功响应，并以JSON格式返回给客户端。客户端需要设置正确的Content-Type为application/json;charset=UTF-8来解析响应。同时，文章提到了使用Axios进行HTTP请求时的配置以及如何在客户端对JSON字符串进行转换。

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

服务器端

Rest API 输出普通对象

AjaxResponse jsonObj = AjaxResponse.success(body);
					log.info("{} json:{}",RestResponseBodyAdvice.class,jsonObj.toString());
					return jsonObj;

AjaxResponse(success=true, code=200, message=This is normal, 
content=UserVO(id=1, userName=michael, userPasswd=123456, 
userFirstName=1, userMiddleName=1, userLastName=1, 
userSex=2, userAddress=222, 
CreateTime=Mon Jul 10 14:12:57 CST 2023, 
userToken=null, userPortrait=))

客户端

设置 ‘application/json;charset=UTF-8;’ 后，浏览器才能正常解析Json 普通对象，否则不能识别。

客户端请求和响应格式

const axiosHelper = axios.create({
  baseURL: import.meta.env.VITE_API_URL,
  // withCredentials: true,
  // timeout: TIMEOUT,
  headers: {
    'Content-Type': 'application/json;charset=UTF-8;'
  }
})

转成成Json对象

const josnStr = JSON.parse(
        JSON.stringify(tokenInfo.value) || window.localStorage.getItem('Token') || '{}'
      )

转化成Json 字符串

JSON.stringify(tokenInfo.value)

在这里插入图片描述