什么是跨域?uniapp跨域问题怎么解决?

问题描述:这几天在做一个uniapp项目,运行到Chrome上调试时出现了跨域问题,找了很久地解决方案,终于试出来一个能用的

问题描述:在HBuilderX中运行uniapp项目到Chrome浏览器上调试时出现以下错误

 搜索一番才知道是出现了跨域问题

什么是跨域问题?为什么会有跨域问题?

CORS全称Cross-Origin Resource Sharing,意为跨域资源共享。当一个资源去访问另一个不同域名或者同域名不同端口的资源时,就会发出跨域请求。如果此时另一个资源不允许其进行跨域资源访问,那么访问就会遇到跨域问题。

跨域指的是浏览器不能执行其它网站的脚本。是由浏览器的同源策略造成的,是浏览器对JavaScript 施加的安全限制。

什么又是同源策略?

同源策略,是由 Netscape 提出的一个安全策略,它是浏览器最核心也是最基本的安全功能,如果缺少同源策略,则浏览器的正常功能可能都会受到影响,现在所有支持JavaScript的浏览器都会使用这个策略。

规定:浏览器要求,在解析Ajax请求时,要求浏览器的路径与Ajax的请求的路径必须满足三个要求,则满足同源策略,可以访问服务器。

要求:协议、域名、端口号都相同,只要有一个不相同,那么都是非同源

有什么解决方案?

我参照了很多技术文章,也包含官方文档,找出了一套能解决我现在问题的方案,分享给大家

说明:uniapp项目使用HbuilderX运行

进入到manifest.json文件,进入最下方的源码视图

在源码视图中找到h5的独有设置部分,更改配置如下

 

以上就是我的解决方案,希望能给大家带来帮助

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值