微信小程序向java后端传递数据,后端能接收到但是前端报404

今天在测试微信小程序和springboot交互的时候出现了一个小问题,话不多说先来看问题:从报错信息可以看出前端向后端传递数据,后端接收到了,但是前端却报了404的错误,这是为什么呢?于是我百度了一下,发现我犯了一个很低级的错误,先来看我之前报错的代码:这是我改完之后的代码:可以发现加了一个@ResponseBody注释就好了,此处贴上@ResponseBody注释的作用:(作用转自:https://blog.csdn.net/originations/article/details/89
摘要由CSDN通过智能技术生成

今天在测试微信小程序和springboot交互的时候出现了一个小问题,话不多说先来看问题:
前端报错404
后端可以正常接收到数据
从报错信息可以看出前端向后端传递数据,后端接收到了,但是前端却报了404的错误,这是为什么呢?
于是我百度了一下,发现我犯了一个很低级的错误,先来看我之前报错的代码:
错误代码
这是我改完之后的代码:
加了@ResponseBody注释就好了
可以发现加了一个@ResponseBody注释就好了,此处贴上@Re

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
下面是微信小程序调用后端接口批量上传图片并同时传递JSON数据前端示例代码: ```javascript // 定义一个上传函数 function upload(images, json) { return new Promise((resolve, reject) => { wx.uploadFile({ url: 'https://your.backend.com/upload', // 后端接口URL filePath: images, name: 'images', header: { 'Content-Type': 'multipart/form-data' }, formData: { json: JSON.stringify(json) // 将JSON数据转换为字符串并放入formData中 }, success: (res) => { resolve(res.data) // 成功回调函数中返回后端接口返回的数据 }, fail: (res) => { reject(res) // 失败回调函数中返回错误信息 } }) }) } // 调用上传函数 let images = ['image1.jpg', 'image2.jpg', 'image3.jpg'] // 上传的图片路径 let json = { // 上传的JSON数据 parameter1: 'value1', parameter2: 'value2' } upload(images, json).then((res) => { console.log(res) // 打印后端接口返回的数据 }).catch((err) => { console.error(err) // 打印错误信息 }) ``` 在上面的示例代码中,调用了一个`upload`函数来上传图片和JSON数据。在函数中,使用了`wx.uploadFile`函数来上传图片,并将JSON数据放入`formData`中。注意,需要在请求头中设置`Content-Type`为`multipart/form-data`,以告诉后端接口请求体中的数据是图片和表单数据混合的格式。 下面是Java后端接收上传的图片和JSON数据的示例代码: ```java @PostMapping("/upload") public void upload(@RequestParam("images") List<MultipartFile> images, @RequestParam("json") String jsonString) { JSONObject json = JSONObject.parseObject(jsonString); UploadData data = new UploadData(); data.setImages(images); data.setJson(json); // ...处理上传的数据 } ``` 在上面的示例代码中,使用`@RequestParam`注解来接收上传的图片,使用`@RequestParam`注解和`String`类型的参数来接收JSON数据。然后,使用`JSONObject.parseObject`方法将JSON字符串转换为`JSONObject`对象,并将它们设置到`UploadData`对象中。最后,可以在方法中处理上传的数据,例如保存图片到服务器或者将JSON数据传递给其他业务逻辑进行处理。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值