uni-app怎么对接Java后端接口

落明同学_9912

落明同学_9912

2026-10-30

929人浏览

原创

uni-app对接Spring Boot核心是确保header正确(Content-Type、Authorization等)、参数匹配后端接收方式(@RequestBody或@RequestParam)、跨域配置得当(开发用@CrossOrigin,生产用Nginx或WebMvcConfigurer),并能准确定位错误。

uni-app怎么对接java后端接口

uni-app 对接 Java 后端接口,核心不是“能不能通”,而是“怎么让每次请求都带对 header、参数不丢、错误能定位”。只要后端是标准 Spring Boot REST 接口(返回 JSON),前端用 uni.request 就能调通;但真实项目里卡住的,90% 出在 header 漏配、跨域没关、token 放错位置、或后端没加 @CrossOrigin。

uni.request 发起请求时必须配哪些 header

Java 后端(尤其 Spring Boot)默认不接受任意来源请求,且常要求客户端声明来源和身份。光写 url 和 data 不够。

  • Content-Type:POST/PUT 传 JSON 时必须设为 "application/json";若后端用 @RequestBody 接收,漏这个会 400
  • source-client:很多社交类后端(比如你知识库里的交友源码)靠这个区分小程序/App/H5 流量,值通常是 "miniapp" 或 "app"
  • Authorization:登录后调受保护接口时必传,格式一般是 "Bearer your-jwt-token",注意大小写和空格
  • 开发阶段可临时加 "X-Requested-With": "XMLHttpRequest" 避开某些网关拦截(非必需,但有时救急)

Spring Boot 后端要开跨域,但别用 @CrossOrigin(origins = "*") 上生产

开发时在 Controller 方法上加 @CrossOrigin(origins = "*") 最快,但上线后微信小程序会因域名未备案而失败——它只认你填在微信公众平台「request 合法域名」里的地址。

  • 开发环境:直接在 Controller 类或方法上加 @CrossOrigin(origins = "http://localhost:8080")(HBuilderX 默认端口)
  • 测试环境:把 origins 换成你的测试域名,如 "https://test-api.yourdomain.com"
  • 生产环境:关闭所有 @CrossOrigin,改用 Spring WebMvcConfigurer 全局配置,只放行小程序后台配置的合法域名(mp.weixin.qq.com 不算,那是微信自己的)
  • 更稳妥的做法:Nginx 层统一加 Access-Control-Allow-Origin 响应头,后端不处理跨域逻辑

表单提交后端收不到参数?检查 data 是对象还是字符串

uni.request 的 data 字段,如果后端用 @RequestBody 接收,前端必须传 JS 对象,uni 会自动序列化为 JSON;如果后端用 @RequestParam 或 @ModelAttribute,前端就得传 URL 查询字符串格式(key=value&key2=value2),且 Content-Type 得改成 "application/x-www-form-urlencoded"。

Java Api Extractor
Java Api Extractor

从 Java 项目中提取 Controller 层接口定义为 JSON 数据。

下载
  • 后端用 @RequestBody User user → 前端 data: { username: "a", password: "b" } + header["Content-Type"] = "application/json"
  • 后端用 @RequestParam String username → 前端 data: "username=a&password=b" + header["Content-Type"] = "application/x-www-form-urlencoded"
  • 混用会 400 或参数为 null,看后端 Controller 方法签名决定前端怎么发

接口报 401 却没弹登录页?token 可能根本没发出去

常见现象:用户已登录,uni.setStorageSync("token", xxx) 存了,但调接口还是 401。大概率是请求拦截器没生效,或者 token 被拼错了。

  • 检查是否调用了 uni.addInterceptor("request", ...),且拦截器里确实读取了 storage 并赋给了 options.header.Authorization
  • 打印 options.header 看 Authorization 字段是否存在,值是不是 "Bearer xxx"(不是 "token xxx" 或 "xxx")
  • 后端验证 token 时,常会忽略 Bearer 前缀,直接截取空格后部分,所以前端少写 "Bearer " 就白传
  • 小程序真机调试时,uni.getStorageSync 在某些版本有缓存 bug,建议加个 try-catch 并 fallback 到 uni.getStorage 异步读取

真正麻烦的从来不是“第一次调通”,而是 token 过期后怎么静默刷新、上传文件时 multipart boundary 怎么配、以及微信小程序里 uni.uploadFile 的 header 和 uni.request 不共享——这些细节不提前踩一遍,上线前两小时准炸锅。

Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

uni-app java java后端

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2723

5

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

2024.03.19

6890

13

后端的主要工作内容介绍
后端的主要工作内容介绍

后端是应用程序的服务端部分,负责核心任务,如数据库交互、业务逻辑处理和响应客户端请求。想了解更多后端的相关内容,可以阅读本专题下面的文章。

2024.03.19

6366

10

python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2723

5

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

2023.10.09

5923

6

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

2024.03.19

6890

13

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

2024.03.22

6638

10

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

2024.05.22

943

5

java
java

Java是一个通用术语,用于表示Java软件及其组件,包括“Java运行时环境 (JRE)”、“Java虚拟机 (JVM)”以及“插件”。php中文网还为大家带了Java相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

2023.06.15

11517

6

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
uni-app从入门到实战教程
uni-app从入门到实战教程

共0课时 | 0人学习

uni-app x harmony开发指南
uni-app x harmony开发指南

共0课时 | 0人学习

uni-app鸿蒙运行和发行
uni-app鸿蒙运行和发行

共0课时 | 0人学习