vue中post请求传值后台为null的解决方法

关于后台传值那些问题:
在完成注册功能的时候遇到了一些问题,原因如下:

 ```
 在向后台发送post请求的时候,后台不能接收到前端的传值(后台接收到的值全部为null)

解决方法:
1.设置请求头header为 “content-type”: “application/x-www-form-urlencoded”
2.使用qs转换格式
config.data = qs.stringify(config.data;
可以看到,qs转换出来的是类似于地址栏的格式。

完整代码:

import qs from "qs";

const axiosHttp = axios.create({
  baseURL: api.baseUrl
  // timeout: 3000,
  // headers: {
  //     'token':
  //     window.localStorage.csmpToken
  // }
});
//添加请求拦截器
axiosHttp.interceptors.request.use(
  config => {
    debugger;
    let access_token =
      "TGT-17-NT70Wd5zhqYkergIWdCuzcPLTjSFJEaxYniqfQYH302LcpGJFc-cas";
    if (config.method == "post") {
      config.headers = {
        token: access_token,
        "content-type": "application/x-www-form-urlencoded"
      };
      config.data = qs.stringify(config.data);
      console.log(config.data)
      
    }
    if (window.localStorage.dzsqToken)
      config.headers.token = window.localStorage.dzsqToken; //localstorage获取token
    config.headers.token = access_token;
    //在发送请求之前做某事
    return config;
  },
  error => {
    //请求错误时做些事
    return Promise.reject(error);
  }
);
  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当使用Vue与Spring Boot结合使用时,通过axios进行post请求时出现传值为空的情况,可能是以下几个原因: 1. 参数未正确设置:在进行post请求时,需要使用axios的`data`属性来传递参数,而不是使用`params`属性。确保在axios的post请求正确设置了请求的参数。 2. 后端接收参数的方式不正确:在Spring Boot后端代码,使用`@RequestBody`注解来接收前端传递的参数,而不是使用`@RequestParam`注解。`@RequestBody`注解将请求体的内容与后端方法的参数绑定在一起,确保后端能够正确接收到前端传递的参数。 3. 参数名不匹配:确保前端传递的参数名与后端接收参数的变量名相匹配。在前端的Vue代码,检查传递给post请求的参数名是否正确和后端代码定义的参数名一致。 4. 请求头未设置正确:在进行post请求时,可能需要设置请求的Content-Type为`application/json`或`application/x-www-form-urlencoded`。检查axios的请求头是否正确设置了Content-Type,确保与后端代码相匹配。 5. 跨域问题:如果前端Vue项目与后端Spring Boot项目部署在不同的域名或端口上,可能会存在跨域问题。在后端代码,可以通过`@CrossOrigin`注解来解决跨域问题。 综上所述,解决vue springboot axios post方法传值为空问题需要检查参数设置、后端接收方式、参数名匹配、请求头设置和跨域等方面的问题
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值