【VUE】【Spring Boot】前端向后端get方式传递输入值为参数，后端接收参数显示null

Question

前端VUE

      <el-input v-model="name">
        <el-button type="primary" @click="handleSearch">查询</el-button>
      </el-input>

    handleSearch() {
      console.log(this.name)
      fetchData(this.name)
        .then(({ data }) => {
          this.list = data
          console.log(this.list)
        })
    }

export function fetchData(name) {
  return request({
    url: '/search',
    method: 'get',
    params: name
  })
}

后端Spring Boot

@CrossOrigin
@RestController
public class TestController {
    @Autowired
    private testService tServ;

    @GetMapping("/search")
    public GeneralResponse searchEntity(String name) {
        System.out.println(name);
        return new GeneralResponse(GeneralResponse.SUCCESS,tServ.searchData(name),null);
    }
}

报错

输入了一个值后，点击查询，打印name为null

求解决

Answer 1

    handleSearch() {
      console.log(this.name)
let obj={ name:this.name}//你参数应该是对象形式。有key有value
      fetchData(obj)
        .then(({ data }) => {
          this.list = data
          console.log(this.list)
        })
    }