vue-elementui-admin发送post请求，参数不对问题

第一步接口

import request from '@/utils/request'

// 查询挂号信息
export function querytestForPage(parms) {
  return request({
    url: 'jisuapi/get?'+parms,
    method: 'get',  
  })
}
// 测试test
export function postTest(data) {
  return request({
    url: 'jisuapi/get',
    method: 'post',
   data:data ,
  })
}

第二步

<script>

import {querytestForPage,postTest} from '@/api/test/test'

 

第三步

data数据为----------------

   myparms:undefined,

方法为----------------

  jizhen(){
        
      var params = new URLSearchParams();//要使用这种类型的数据
       params.append('channel', '头条');
       params.append('num', '10');
        params.append('start', '1');
       params.append('appkey', 'f41add969514932c721cbdc45f6a15ea');
  //格式https://way.jd.com/jisuapi/get?channel=%E5%A4%B4%E6%9D%A1&num=10&start=0&appkey=f41add969514932c721cbdc45f6a15ea
 
 this.myparms=params;
postTest(this.myparms).then(res => {
       
        this.jiekouData= res.result.result;
         console.log( this.jiekouData) 
      }).catch(()=> {
  console.log(+"------------") 
        console.log("接口调用错误") 

      })


        },

总结为什么要构造这种格式

接口写法基本一致，但参数构造不一样
普通的formed方式---------------------------

var params = new URLSearchParams();
params.append('name', '头条');
params.append('id', '2');

this.myparms=params;

后台接收参数： public Student greeting2(int id,String name) 


{ json方式--------------------- 
data: {id: '3', name: 'abc'} 
后台接收参数 public Object greeting2(@RequestBody Object student) {