Vue-client 프로젝트에서 객체 매개변수 전달 요청 받기

장면:

        목록 데이터를 얻기 위해 백엔드 인터페이스를 호출하고 인터페이스는 get 요청입니다. get 요청 매개변수는 일반적으로 xx=yy이지만 새 인터페이스 백엔드에는 객체 및 속성 매개변수가 필요합니다.

백엔드는 매개 변수가 다음과 같이 전달된다고 말합니다.

        url?name=xxx&tel=xxx &gf.name=xxx

처음에 내가 작성한 코드는 다음과 같으며 백엔드는 오류를 보고합니다.

var param ={name:'张三',tel:'111',gf:{name:'李四'}};

const {code,data,msg} = await getDataList(param )

 표시된 요청 링크는 다음과 같습니다. url?name=xxx&tel=xxx& gf=name=xxx   

마지막으로 다음과 같이 코드를 변경했습니다.

var param ={name:'张三',tel:'111'};
param['gf.name'] = '李四';

const {code,data,msg} = await getDataList(param )

키 코드는 다음과 같습니다. param['gf.name'] = 'Lisi';

제공된 요청 링크는 다음과 같습니다. url?name=xxx&tel=xxx &gf.name=xxx

이러한 방식으로 백엔드는 모든 매개변수를 수신할 수 있습니다.