前端跨域

今天药忘吃喽~ 2022-04-22 01:54 281阅读 0赞

什么是跨域？

跨域，指的是浏览器不能执行其他网站的脚本。它是由ajax网络通信限制造成的，是浏览器施加的安全限制。

## 所谓同源是指，域名，协议，端口均相同，不明白没关系，举个栗子： ##

http://www.123.com/index.html 调用 http://www.123.com/server.php （非跨域）

http://www.123.com/index.html 调用 http://www.456.com/server.php （主域名不同:123/456，跨域）

http://abc.123.com/index.html 调用 http://def.123.com/server.php （子域名不同:abc/def，跨域）

http://www.123.com:8080/index.html 调用 http://www.123.com:8081/server.php （端口不同:8080/8081，跨域）

http://www.123.com/index.html 调用 https://www.123.com/server.php （协议不同:http/https，跨域）

请注意：localhost和127.0.0.1虽然都指向本机，但也属于跨域。

浏览器执行javascript脚本时，会检查这个脚本属于哪个页面，如果不是同源页面，就不会被执行。

解决办法：

1、JSONP：

使用方式就不赘述了，但是要注意JSONP只支持GET请求，不支持POST请求。

2、代理：

例如www.123.com/index.html需要调用www.456.com/server.php，可以写一个接口www.123.com/server.php，由这个接口在后端去调用www.456.com/server.php并拿到返回值，然后再返回给index.html，这就是一个代理的模式。相当于绕过了浏览器端，自然就不存在跨域问题。

3、PHP端修改header（XHR2方式）

在php接口脚本中加入以下两句即可：

header('Access-Control-Allow-Origin:\*');//允许所有来源访问

header('Access-Control-Allow-Method:POST,GET');//允许访问的方式  
\---------------------   
作者：L瑜   
来源：CSDN   
原文：https://blog.csdn.net/lambert310/article/details/51683775   
版权声明：本文为博主原创文章，转载请附上博文链接！

发表评论取消回复

表情：

评论列表（有 0 条评论，281人围观）

还没有评论，来说两句吧...

相关阅读

相关前端跨域调用

. 前端跨域调用的流程以csdn为例 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6...

逃离我推掉我的手/ 2024年04月19日 15:07/ 0 赞/ 80 阅读

相关前端跨域方式

![46a3cf301acf4be8a017afa9063c3397.png][] 同源策略：协议、端口号、主机都一致允许交互，这是浏览器的安全机制。一、jsonp

秒速五厘米/ 2024年03月26日 13:37/ 0 赞/ 77 阅读

相关前端跨域

什么是跨域同源策略是一种约定，它是浏览器的最核心也是最安全的功能，如果缺少同源策略，浏览器很容易受到xss，csrf等攻击。所谓的同源的就是“协议+域名+端口”，即使两个

╰+攻爆jí腚メ/ 2023年01月07日 07:21/ 0 赞/ 230 阅读

相关前端跨域案例

[vue解决跨域方法][vue] 什么是跨域跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议，端口，域名。只要这个3个中有一个不同就是

「爱情、让人受尽委屈。」/ 2023年01月05日 12:09/ 0 赞/ 169 阅读

相关前端解决跨域

跨域：在浏览器里面当协议、域名、端口有任何一项不同的时候就会产生跨域处理跨域的方式：JsonP(只能处理get请求)、cors(后端开启)、代理服务器前两种已经在之前

男娘i/ 2022年12月02日 01:00/ 0 赞/ 238 阅读

相关前端跨域问题

跨域 1、域名地址组成域名组成图如下:域名组成.png ![这里写图片描述][SouthEast] 当协议、主域名、端口号中任意一个不相同

不念不忘少年蓝@/ 2022年07月12日 12:36/ 0 赞/ 280 阅读

相关前端跨域访问

一、同源策略做过开发的都知道，从A网站通过Ajax来请求另外一个B网站的特定内容，是很常见的需求，但是出于安全的考虑，浏览器是不允许你这样做的，这就是浏览器的同源策略；

曾经终败给现在/ 2022年06月14日 01:44/ 0 赞/ 284 阅读

相关前端跨域相关

转自：[前端跨域（全）][Link 1] 什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：

布满荆棘的人生/ 2022年05月29日 09:16/ 0 赞/ 261 阅读

相关前端跨域

什么是跨域？跨域，指的是浏览器不能执行其他网站的脚本。它是由ajax网络通信限制造成的，是浏览器施加的安全限制。所谓同源是指，域名，协议，端口均相同，不明白没关系，举

今天药忘吃喽~/ 2022年04月22日 01:54/ 0 赞/ 282 阅读

相关前端跨域

前端跨域一、什么是跨域二、网址解析：三、解决跨域 1.src 2.jsonp 3.jq中的jsonp

雨点打透心脏的1/2处/ 2021年09月07日 06:09/ 0 赞/ 446 阅读