前端跨域的问题.Access to XMLHttpRequest at http://xxx.xxx from origin ‘http://localhost:8000‘ has been bl

分手后的思念是犯贱 2023-09-28 19:16 96阅读 0赞

### 问题 ###

前端跨域的问题  
.Access to XMLHttpRequest at http://xxx.xxx from origin ‘http://localhost:8000’ has been bl

![在这里插入图片描述][499e93ded4fc45568ac26fe39af2db6e.png]

### 解决方案 ###

对于后端请求方法， 只需在请求方法前添加如下注解

@CrossOrigin

![在这里插入图片描述][847e9bccb07b4bd288dbf7164a4b1051.png]

### 解决 ###

得到响应数据  
![在这里插入图片描述][555866803b3e4185818bf6851f09023b.png]

### 原因 ###

当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。@CrossOrigin是用来处理跨域请求的注解

### 为什么会出现跨域问题 ###

出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的。javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）

参考内容  
[什么是跨域？跨域解决方法][Link 1]

原创不易  
转载请标明出处  
如果对你有所帮助 别忘啦点赞支持哈  
![在这里插入图片描述][9cb4cb80a18345158f8a69e2f196e5b9.png]

[499e93ded4fc45568ac26fe39af2db6e.png]: https://img-blog.csdnimg.cn/499e93ded4fc45568ac26fe39af2db6e.png
[847e9bccb07b4bd288dbf7164a4b1051.png]: https://img-blog.csdnimg.cn/847e9bccb07b4bd288dbf7164a4b1051.png
[555866803b3e4185818bf6851f09023b.png]: https://img-blog.csdnimg.cn/555866803b3e4185818bf6851f09023b.png
[Link 1]: https://blog.csdn.net/weixin_66375317/article/details/124545878
[9cb4cb80a18345158f8a69e2f196e5b9.png]: https://img-blog.csdnimg.cn/9cb4cb80a18345158f8a69e2f196e5b9.png