Vue axios Post json参数上传失败 踩坑备忘

尝试在前端使用Vue3单面中使用axios向后端Post json数据时,参数老是没有传过去。前端程序如下:

    axios.defaults.headers.post['Content-Type'] = 'application/json';         
    axios
        .post(url, {name:"test"})
        .then(response=>this.message=response)
        .catch(function(error){
            this.message=error;
    });

Java后端程序如下:

@RequestMapping(value="/VuePostTest")
	public String vuePostTest(@RequestBody String json) {
		try {
			System.out.println(json);			
            return "ok";
		}catch(Exception ex) {
			return "error";
		}
	}

结果都没有接收到预期的参数,查了一下网上的资料,需要显示指定Content-Type,服务端程序修改为:

@RequestMapping(value="/VuePostTest", produces = "application/json;charset=UTF-8", method = { RequestMethod.POST, RequestMethod.GET })
	public String vuePostTest(@RequestBody String json) {
			try {
			System.out.println(json);			
            return "ok";
		}catch(Exception ex) {
			return "error";
		}
	}

php服务端程序接收json方式的post的程序:

$jsonPost = json_decode(file_get_contents('php://input'), true);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值