CORS以及Axios封装

时间:2024-10-11 21:14:14

同源策略(CORS)


所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个 ip 地址,也非同源。同源策略/SOP(Same origin policy)是一种约定,由 Netscape 公司 1995 年引入浏览器,它是浏览器最核心也最基本的安全功能,现在所有支持 JavaScript 的浏览器都会使用这个策略。如果缺少了同源策略,浏览器很容易受到 XSS、 CSFR 等攻击。

1、比如一个web应用,用户访问的页面,处理页面的请求的controller都是在同一个contextPath下的,无论在页面上请求AController还是BController,页面、A、B都是同源的,所处的空间位于同一个contextPath下。
2、 同源策略是为了安全,确保一个应用中的资源只能被本应用的资源访问。否则,岂不是谁都能访问。
 

解决跨域的三种方式


方法1
后台开放限制,优点:方便;缺点:不安全

方法2
JSONP利用script标签的src的属性不受同源策略限制(需要后台配合)

方法3
配置代理

请求本地服务转接远程服务
 

封装Axios

// 对http请求进行封装
import axios from '