uni-app H5跨域问题解决方案（CORS、Cross-Origin）

最新推荐文章于 2025-05-05 14:24:21 发布

dcloudio

最新推荐文章于 2025-05-05 14:24:21 发布

阅读量1.5w

点赞数 3

分类专栏： uni-app 文章标签： uni-app ajax跨域问题

本文链接：https://blog.csdn.net/dcloudio/article/details/109603657

版权

本文详细介绍了uni-app在H5平台上遇到的跨域问题及其解决方案，包括前端调用unicloud云函数和连接传统后台服务器的场景。讨论了部署时和调试时的跨域策略，如通过HBuilderX内置浏览器、webpack-dev-server代理和浏览器插件Allow-Control-Allow-Origin:*。同时提醒读者，此插件仅适用于本地调试，线上部署还需服务端配合。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是跨域

跨域是浏览器的专用概念，指js代码访问自己来源站点之外的站点。比如A站点网页中的js代码，请求了B站点的数据，就是跨域。
A和B要想被认为是同域，则必须有相同的协议（比如http和https就不行）、相同域名、和相同端口号（port）。

如果你是做App、小程序等非H5平台，是不涉及跨域问题的。
稍微例外的是iOS的wkWebview，在5+App，或uni-app的web-view组件及renderjs中，由于WKWebview限制也会产生跨域，这方面另见专题文章：https://ask.dcloud.net.cn/article/36348。uni-app在App的普通js代码不运行在Webview下，不存在跨域问题。

由于uni-app是标准的前后端分离模式，开发h5应用时如果前端代码和后端接口没有部署在同域服务器，就会被浏览器报跨域。