带你搞懂uniapp跨域问题(实例详解)

本篇文章给大家带来了关于uniapp跨域的相关知识,其中介绍了为什么会有跨域问题,这是浏览器的一种安全保护机制,一起来看一下相关的问题吧,希望对大家有帮助。 为什么会有跨域问题? ...

本篇文章给大家带来了关于uniapp跨域的相关知识,其中介绍了为什么会有跨域问题,这是浏览器的一种安全保护机制,一起来看一下相关的问题吧,希望对大家有帮助。

带你搞懂uniapp跨域问题(实例详解)插图1

为什么会有跨域问题?

由于浏览器的同源策略导致的,是浏览器的一种安全保护机制。浏览器从一个域名的网页去请求另一个域名的资源时,协议、域名、端口 任一不同,都是跨域

解决uniapp的跨域问题有很多方式,下面总结一下常用的几种方式

1. 使用 jsonp,可在我们封装的网络通讯中添加

dataType:'jsonp'

总结:

但是此种方式仅支持 get 请求,post好像用不了。

2. 在uniapp根目录下的 manifest.json 添加

"h5":{"devServer":{"proxy":{"/8888":{"target":"https://www.baidu.com/api","changeOrigin":true,"pathRewrite":{"^/8888":"/"}},"/8800":{"target":"https://www.taobao.com/api","changeOrigin":true,"pathRewrite":{"^/8800":""}}}}},

总结:

此种方式虽然没有其它方式灵活,但是 是最适用于uniapp的,毕竟是官方提供的配置文件。

具体参照:https://uniapp.dcloud.io/collocation/manifest?id=h5

3. uniapp根目录下新建文件 vue.config.js ,然后在里面添加

module.exports={devServer:{proxy:{'/dev':{target:'https://www.baidu.com/api',changeOrigin:true,pathRewrite:{'^/dev':''}}},}}

总结:

此种配置方式,可能会没用,因为 vue.config.js 是 vue3 才有的, vue2 配置 vue.config.js 是无效的。可以在 manifest.json 文件内通过 vueVersion 字段来查看 vue 版本。如下图:

带你搞懂uniapp跨域问题(实例详解)插图3

具体参照:https://cli.vuejs.org/zh/config/#devserver-proxy

如果是 vue2 配置跨域,可参照 :https://blog.csdn.net/weixin_45679977/article/details/103004678

4. 解除Google浏览器的跨域限制

TASKKILL/F/IMchrome.exestartchrome.exe--args--disable-web-security--user-data-dirpause

总结:

记得重启浏览器

具体参照:https://blog.csdn.net/MisTTT/article/details/75976123

5. 其它方式

(1). 直接运行在 hbuilderx 的内置浏览器内,uniapp官方在内置浏览器内做过跨域处理

(2). 下载Google浏览器一个可支持跨域的拓展程序:https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

具体可参照:https://ask.dcloud.net.cn/article/35267

产品猿社区致力收录更多优质的商业产品,给服务商以及软件采购客户提供更多优质的软件产品,帮助开发者变现来实现多方共赢;

日常运营的过程中我们难免会遇到各种版权纠纷等问题,如果您在社区内发现有您的产品未经您授权而被用户提供下载或使用,您可按照我们投诉流程处理,点我投诉

本文来自用户发布投稿,不代表产品猿立场 ;若对此文有疑问或内容有严重错误,可联系平台客服反馈;

部分产品是用户投稿,可能本文没有提供官方下下载地址或教程,若您看到的内容没有下载入口,您可以在我们产品园商城搜索看开发者是否有发布商品;若您是开发者,也诚邀您入驻商城平台发布的产品,地址:点我进入

如若转载,请注明出处:https://www.chanpinyuan.cn/33853.html;
(0)
上一篇 2023年1月21日 下午4:16
下一篇 2023年1月21日 下午4:17

相关推荐

发表回复

登录后才能评论
分享本页
返回顶部