$http 用法

1.如果使用post,传递的则是对象

function(){
      this.$http({
        url: this.$http.adornUrl("/sys/loginById"),
        method: "post",
        data: this.$http.adornData({
          id: 'MTIz'
        })
      }).then(({ data }) => {

后台 使用@RequestBody SysLoginForm form接收，或者@RequestBody HashMap<String, String> map

@PostMapping("/sys/loginById")
	public Map<String, Object> loginById(@RequestBody HashMap<String, String> map)throws IOException {

2.如果使用get,传递的是相对单个参数

前台

getDataList() {
      this.dataListLoading = true;
      this.$http({
        url: this.$http.adornUrl("/flowline/doscript/list"),
        method: "get",
        params: this.$http.adornParams({
          page: this.pageIndex,
          limit: this.pageSize,
          key: this.dataForm.key
        })
      }).then(({ data }) => {

后台接收使用@RequestParam Map<String, Object> params

@GetMapping("/sys/loginById")
	public Map<String, Object> loginById(@RequestParam String id)throws IOException {

Uncaught (in promise) Error: Request failed with status code 400解决方法
改变后台的接收方式：改为 Map map

@CrossOrigin
@PostMapping("/employee/testpost")
@ResponseBody
public Result testget(@RequestBody Map map) {
 System.out.println(map.get("username") + " , " + map.get("password"));
 Result json = new Result();
 json.setResult(1);
 return json;
}