什么是跨域 , 跨域问题如何解决?

跨域问题是我们前端开发中经常会遇到的问题,遇到这样的问题,我们如何解决呢?

主要内容

• 错误原因分析
• 用CORS来解决

一、错误原因分析

1.get接口

 2.点击按钮ajax发送请求

 3.当我们在小黑窗启动接口,点击按钮ajax发送请求时,就会报错,下图就是跨域错误

4.什么原因导致了浏览器报跨域错误呢?

(1)先认识下什么是跨域错误?

域错误就是:不同源的ajax请求====> 报跨域的错误,简单来说就是发起ajax请求的那个页面的地址 和 ajax接口地址 不在同一个域中

       (2)浏览器向web服务器发起http请求时 ，如果同时满足以下三个条件时，就会出现跨域问题，从而导致ajax请求失败.

       ①请求响应双方url不同源。

       双方url：发出请求所在的页面 与 所请求的资源的url

       同源是指：协议相同，域名相同，端口相同 都相同。

       ②请求类型是xhr请求。就是常说的ajax请求。不是请求图片资源，js文件,css文件

       ③浏览器觉得不安全。跨域问题出现的基本原因是浏览器的同源策略。同源策略是一个重要            的安全策略，它限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。

2.解决跨域

   ①可以安装一个浏览器插件allow-control-allow-origin 绕过同源策略。用postman软件测试

   ②cors来解决

    cors是一个包需要单独下载下来使用 

下载完后,我们在看看点击按钮ajax发送请求的结果

---

总结

这里对跨域进行了描述,我们在网络中不同源的请求有很多,但有的不是在不同源的ajax发送的请求,所以不会报错
以上就是今天要讲的内容，本文仅仅简单介绍了跨域，也给大家提供了快速便捷地处理跨域问题的方法。