vue中传参params和data的区别

目录

1、使用data传参

前端请求方式为post

import request from '@/utils/request'// 新增bannerexport function saveBanner(data){  return request({    url:'/system/banner/saveBanner',    method:'post',    data:data  })}

xResult saveBanner(@RequestBody SysBanner sysBanner) {return sysBannerService.saveBanner(sysBanner);}

是 post，并且后端的HTTP请求为 @PostMapping，那么后端的参数上面要写 @RequestBody ，而且前端传递参数的时候要写 data，因为是 json 传参。 因为用post请求使用data传参的时候，参数是放在请求体中的，所以地址栏上也不显示具体的参数。

如果是以get形式的传参，并且传的是一个对象，就用params，他会把你参数的内容 最后分散到你地址栏后面的问号（？）后面，如上面的例子最后的地址就是：http://localhost:8888/user/list/1/20?name=zhansan