前端跨域的解决方式

在前端部分其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。
所谓同源是指"协议+域名+端口"三者相同
同源策略限制以下几种行为： 1.) Cookie、LocalStorage 和 IndexDB 无法读取 2.) DOM 和 Js对象无法获得 3.) AJAX 请求不能发送

跨域的解决方式
1.jsonp
在使用XMLHTTPRequest对象发送HTTP请求时，会遇到同源策略问题，域不同请求会被浏览器拦截。这时就可以选择绕过，或者说是不使用XMLHTTPRequest对象进行发送跨域HTTP请求（因为是使用标签发送请求）。
例如下例

（script img 的src可以不受跨域的影响，直接请 求到跨域的资源）

2.设置cros

3.nginx代理跨域

4.node中间间代理跨域

5.vue的vue.config.js设置跨域

6.webSocket协议跨域