跨域问题像狗皮膏药

短命女 2023-01-03 14:28 96阅读 0赞

对于**前后端分离**的项目，需要向后台发起请求，那么就会涉及是否跨域问题  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUxMTIzNg_size_16_color_FFFFFF_t_70]

# 什么是跨域 #

1.  跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，因为浏览器的同源策略所以有了跨域问题

# 为什么，什么时候需要跨域 #

当不满足同源策略的时候，即如果两个 URL 的 protocol、port (如果有指定的话)和 host 都相同的话，则这两个 URL 是同源。反之协议，主子域，端口有一个不一样就有跨域问题产生。

# 面对跨域我们如何打败这个怪物 #

1.JSONP跨域  
2. 跨域资源共享（CORS）  
3. nginx代理跨域  
4. nodejs中间件代理跨域  
5. document.domain + iframe跨域  
6. location.hash + iframe跨域  
7. window.name + iframe跨域  
8. postMessage跨域  
9. WebSocket协议跨域

\#基于是前后端分离的项目，我选择了nginx代理 ，正向代理  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUxMTIzNg_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUxMTIzNg_size_16_color_FFFFFF_t_70]: /images/20221119/db9cb6697bf445e5a1bd3ffdbf68b4cb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUxMTIzNg_size_16_color_FFFFFF_t_70 1]: /images/20221119/55a586cc4f434d178b98160c02826089.png

发表评论取消回复

表情：

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

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

相关阅读

相关【跨域】如何解决跨域问题

同源策略同源相同协议+相同域名+相同端口内容 [浏览器的同源策略 - Web 安全 | MDN (mozilla.org)][- Web _ _

超、凢脫俗/ 2024年03月16日 13:32/ 0 赞/ 175 阅读

相关跨域、跨域问题

跨域(CORS)是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the

朴灿烈づ我的快乐病毒、/ 2023年09月27日 00:59/ 0 赞/ 245 阅读

相关跨域问题像狗皮膏药

对于前后端分离的项目，需要向后台发起请求，那么就会涉及是否跨域问题 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shad

短命女/ 2023年01月03日 14:28/ 0 赞/ 97 阅读

相关跨域问题

跨域问题跨域请求协议不一致导致 IP地址的不一致导致端口不一致导致跨域跨域问题普遍存在前后端分离得开发模式

我会带着你远行/ 2022年12月20日 01:57/ 0 赞/ 255 阅读

相关跨域问题

要解决跨域问题先来看看什么是同源策略。同源策略如果两个页面的协议，端口（如果有指定）和域名都相同，则两个页面具有相同的源。下表给出了相对`http://s

川长思鸟来/ 2022年03月12日 06:27/ 0 赞/ 355 阅读

相关跨域问题

确实，我们这种搬砖工人就是为了混口饭吃嘛，好好的调个接口告诉我跨域了，这种阻碍我们轻松搬砖的事情真恶心！为什么会跨域？是谁在搞事情？为了找到这个问题的始作俑者，请

ゝ一世哀愁。/ 2022年01月14日 13:01/ 0 赞/ 402 阅读

相关跨域问题

跨域是个老生常谈的跨题。今天在我们后端的帮助和配合下，对跨域又多了一层认识。感觉对于每件事，只要是从3个方面（what,why,how）去理解，都会对其有个基本（70

r囧r小猫/ 2022年01月06日 13:43/ 0 赞/ 369 阅读

相关跨域问题

1、浏览器的同源安全策略没错，就是这家伙干的，浏览器只允许请求当前域的资源，而对其他域的资源表示不信任。那怎么才算跨域呢？ 1. 请求协议`http,https`的

约定不等于承诺〃/ 2021年09月28日 14:54/ 0 赞/ 484 阅读

相关跨域问题

一.http （一）.http请求的推演过程 1. url(www.baidu.com) =>进行DNS域名解析 => 得到 ip (192.1

一时失言乱红尘/ 2021年09月03日 08:04/ 0 赞/ 741 阅读

相关跨域问题

使用vue访问springboot java后台api时候，出现错误：已拦截跨源请求：同源策略禁止读取位于 https://xxxxi/xxx/xx/xxxi/ad

痛定思痛。/ 2021年09月01日 04:42/ 0 赞/ 565 阅读