企业官网建设流程全解析

目录

问题导入：

测试后端接口代码：

使用CreatePrizeParam类来接收param参数，前端应该传递 application\json 字符串。

postman发起http请求成功，后端失败。

网页显示创建奖品失败：undefined

一、不设定param参数后面的Content-Type

二、在postman上的Content-Type上强制application/json

三、后端使用String 来接收参数，再使用Jacakson工具转化为对应类

最后总结：

问题导入：

测试后端接口代码：

使用CreatePrizeParam类来接收param参数，前端应该传递 application\json 字符串。

/** * 创建奖品 * RequestParam：用于接收表单数据的 multipart/form-data * * @param param * @param prizePic * @return */ @RequestMapping("/prize/create") public CommonResult<Long> createPrize(@Valid @RequestPart("param") CreatePrizeParam param, @RequestPart("prizePic") MultipartFile prizePic) { log.info("createPrize CreatePrizeParam：{}", JacksonUtil.writerValueAsString(param)); return CommonResult.success(prizeService.createPrize(param, prizePic)); }

postman发起http请求成功，后端失败。

网页显示创建奖品失败：undefined

一、不设定param参数后面的Content-Type

使用postman来测试，因为浏览器无法设置单个参数的 Content-Type。在 form-data 表单中把param参数使用json字符串格式构造完成，prizePic 传递成功。

发起请求之后：http请求成功，但是显示 Content-Type 的类型为 application/octet-stream 类型导致请求失败，后端报错信息，也是显示 Content-Type 类型错误。

12:16:41 [http-nio-8080-exec-1] ERROR c.e.l.c.h.GlobalExceptionAdvice - 服务异常: org.springframework.web.HttpMediaTypeNotSupportedException: Content-Type 'application/octet-stream' is not supported

浏览器中项目前端页面显示创建奖品失败：undefind 未定义，后端服务器错误信息和上面的服务器异常一样。

12:16:41 [http-nio-8080-exec-1] ERROR c.e.l.c.h.GlobalExceptionAdvice - 服务异常: org.springframework.web.HttpMediaTypeNotSupportedException: Content-Type 'application/octet-stream' is not supported

二、在postman上的Content-Type上强制application/json

在 postman 上的 Content-Type 上强制 application/json 传递成功。因为 prizePic 是一个文件，所以不能设定它的类型为application/json

所以我们就确定了是 param 参数传递的时候 Content-Type 的问题。

三、后端使用String 来接收参数，再使用Jacakson工具转化为对应类

但是浏览器无法这样只给param参数设置 Content-Type 类型为 application/json 所以对前端很不友好。所以我们修改后端接口，让接收 json 字符串自动构造成对象的修改为 String 类型来接收一个字符串。

这样就可以让 form-data 中不设定param的 Content-Type 类型，让它默认为 application/octet-stream 后端接收到 json 字符串，之后通过这个字符串来构造成 CreatePrizeParam 对象了。

• 这是后端代码

/** * 创建奖品 * RequestParam：用于接收表单数据的 multipart/form-data * * @param param * @param prizePic * @return */ @RequestMapping("/prize/create") public CommonResult<Long> createPrize(@Valid @RequestPart("param") String param, @RequestPart("prizePic") MultipartFile prizePic) { log.info("createPrize CreatePrizeParam：{}", param); CreatePrizeParam param1 = JacksonUtil.readValue(param, CreatePrizeParam.class); return CommonResult.success(prizeService.createPrize(param1, prizePic)); }

• 使用postman 测试成功

• 浏览器页面也成功

最后总结：

我使用的是SpringBoot4.1.0，在奖品创建的时候param在postman上把json字符串构造成功后，在返回类型Content-type这一栏里面需要加上application\json这个类型，但是浏览器不支持这种写法

解决方案：1.psotman可以使用，但是在param传参数的一栏中的Content-Type这个填上application\json表示这一栏返回的是json

2.后端修改，把CreatePrizeParam param类换成字符串来接收参数，接收到字符串后使用jacksong工具转化为CreatePrizeParam传递给Service层来保证正常。

package com.example.lotterysystem.controller; import com.example.lotterysystem.common.pojo.CommonResult; import com.example.lotterysystem.common.utils.JacksonUtil; import com.example.lotterysystem.controller.param.CreatePrizeParam; import com.example.lotterysystem.service.PictureService; import com.example.lotterysystem.service.PrizeService; import jakarta.annotation.Resource; import jakarta.validation.Valid; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.*; import org.springframework.web.multipart.MultipartFile; @RestController //@Slf4j public class PrizeController { private static final Logger log = (Logger) LoggerFactory.getLogger(PrizeController.class); // private static final Logger logger = LoggerFactory.getLogger(PrizeController.class); @Autowired private PictureService pictureService; @Resource(name = "prizeServiceImpl") private PrizeService prizeService; @RequestMapping("/pic/upload") public String uploadPic(MultipartFile file) { return pictureService.savePicture(file); } /** * 创建奖品 * RequestParam：用于接收表单数据的 multipart/form-data * * @param param * @param prizePic * @return */ @RequestMapping("/prize/create") public CommonResult<Long> createPrize(@Valid @RequestPart("param") String param, @RequestPart("prizePic") MultipartFile prizePic) { log.info("createPrize CreatePrizeParam：{}", param); CreatePrizeParam param1 = JacksonUtil.readValue(param, CreatePrizeParam.class); return CommonResult.success(prizeService.createPrize(param1, prizePic)); } }