axios使用post请求,路径后面带请求参数参数

axios使用post请求,路径后面带请求参数参数

post请求,但是url带了请求参数
也因此,我无法把数据发到后端,后端使用@RequestBody接收数据

   @RequestMapping(value = "/updateByUser", method = RequestMethod.POST)
    public ResponBean updateByUser(@RequestBody SysUser user) {
        return ResponBean.ok("更新成功");
    }

首先是前端代码,封装的qequest(刚开始做前端的后端程序猿

const service = axios.create({
  baseURL: '/api',
  timeout: 5000,
  headers: {
    'Content-type':'application/json;charset=utf-8'
  }
})

service.interceptors.request.use(
  config => {
    if (store.getters.token) {
      config.headers['Authorization'] = 'Bearer ' + getToken()
    }
    return config;
  },
  error => {
    //F12查看
    console.log(error)
    Promise.reject(error)
  }
)

然后是请求

export function updateUser(query) {
  return request({
    url: '/system/user/updateByUser',
    method: 'post',
    params: query
  })
}

想着post为什么会带参数,然后百度找到了答案,原因是请求的参数 params:query的问题
把params改为data 即可: 代码如下:

export function updateUser(query) {
  return request({
    url: '/system/user/updateByUser',
    method: 'post',
    data: query
  })
}

之后再去查看请求,参数消失,我这几天一直郁闷,终于解决了,只能是自己太菜了
顺带贴上原博地址解决post带参数的方法

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值