SpringCloud微服务前后端分离开发中出现的弱智问题之（不支持当前媒体类型）

我就是我 2022-09-04 05:00 13阅读 0赞

### SpringCloud微服务前后端分离开发中出现的弱智问题之（不支持当前媒体类型） ###

*  问题背景
 *  问题解决

为什么说这是一个弱智问题，因为这多是编写代码不仔细造成的。

# 问题背景 #

当前端请求的参数格式与后台API发布的接口参数格式不一致时就会出现这个问题。  
后台代码示例：

/** * @description: 用户控制器类 * @author: zheng * @date: Created in 2021/2/3 15:58 * @version: 0.0.1 * @modified By: */
    @Api(tags = "用户模块api")
    @Slf4j
    @RestController
    public class SysUserController { 
        @ApiOperation(value = "新增或更新用户")
        @CacheEvict(value = "user", key = "#sysUser.username")
        @AuditLog(operation = "'新增或更新用户：' + #sysUser.username")
        @PostMapping("/users/saveOrUpdate")
        public CompletableFuture<Result> saveOrUpdate(@RequestBody SysUser sysUser) throws Exception { 
            return CompletableFuture.supplyAsync(()->{ 
                try { 
                    return this.service.saveOrUpdateUser(sysUser);
                } catch (Exception ex) { 
                    log.error("user-saveOrUpdate-error", ex);
                    return Result.failed("新增或更新用户失败：" + ex.getMessage());
                }
            });
        }
    }

> 注意：方法saveOrUpdate方法的参数中有@RequestBody注解，意思是参数格式按application/json传递。

前端代码如下：

$.ajax({ 
      url: setter.base_server + '/api-user/users/saveOrUpdate'
      ,type: 'POST'
      ,data: obj.field
      ,success: function(res){ 
        console.log(res);
      }
    });

> 注意：默认的ajax请求，参数格式是application/x-www-form-urlcoded格式，因此跟后台的接口参数要求的格式不一致。

# 问题解决 #

修改前端代码，把请求参数的格式以application/json类型传递，具体代码如下：

$.ajax({ 
      url: setter.base_server + '/api-user/users/saveOrUpdate'
      ,type: 'POST'
      ,beforeSend: function(xhr) { 
         xhr.setRequestHeader('content-type', 'application/json');
       }
      ,data: obj.field
      ,success: function(res){ 
        console.log(res);
      }
    });