springboot+vue 支持@DELETE与@POST请求

后台修改
1、原请求方法

@Log("删除自定义查询字段")
    @ApiOperation("删除自定义查询字段")
    @PreAuthorize("@el.check('defQueryField:del')")
   @DeleteMapping
    public ResponseEntity<Object> delete(@RequestBody Integer[] ids) {
        defQueryFieldService.deleteAll(ids);
        return new ResponseEntity<>(HttpStatus.OK);
    }

2、修改支持POST请求

 @Log("删除自定义查询字段")
    @ApiOperation("删除自定义查询字段")
    @PreAuthorize("@el.check('defQueryField:del')")
    @RequestMapping(value = {"/delete",""}, method = {RequestMethod.POST,RequestMethod.DELETE})
    public ResponseEntity<Object> delete(@RequestBody Integer[] ids) {
        defQueryFieldService.deleteAll(ids);
        return new ResponseEntity<>(HttpStatus.OK);
    }

3、前台修改

// request拦截器
service.interceptors.request.use(

  config => {
    if (getToken()) {
      config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
    }
    //console.log("============="+baseURL)
    config.headers['Content-Type'] = 'application/json'
    //如果网关不支持DELETE方法，修改请求方法为POST
    if (config.method === 'delete')
    {
      config.method = 'post'
      if(config.url.substr(config.url.length-1,1)==='/'){
        config.url += 'delete'
      }else{
        config.url += '/delete'
      }
    }
    return config
  },
  error => {
    // Do something with request error
    console.log(error) // for debug
    Promise.reject(error)
  }
)