1、跨域是什么?
跨域本质是浏览器基于同源策略的一种安全手段(只是浏览器的限制)。
同源策略:是一种约定,是浏览器最核心也最基本的安全功能。所谓同源具有以下三个相同点:协议、端口、域名,这三项只要有一项不相同,就会跨域。
2、如何解决?
在vue中,主要针对cors或者proxy这两种方案展开。
- CORS(跨域资源共享)是一个系统,由一系列传输的HTTP头组成,这些http头决定浏览器是否阻止前端js代码获取跨域请求的响应。只要后端实现了CORS,就实现了跨域。
- Proxy也称网络代理,是一种特殊的网络服务,允许客户端通过这个服务与另一个网络终端(一般为服务器)进行非直接的连接。
- 方案一:在vue.config.js文件中,添加相关代理。
- 方案二:通过服务端实现代理请求转发。
- 方案三:通过配置nginx实现代理。