前端跨域是什么?
JSONP跨域 JSONP是一段JS的脚本，不是一个真正的请求 目前大部分都在使用这种跨越方式。 代理跨域 接口代理-通过修改nginx服务器配置来实现 解释：前端修改，后台不动。
什么是跨域？ 跨域是通俗的说是从一个域名去请求另一个域名的资源。比如从 页面去请求 的资源。
需要把前端看成两部分，一部分是页面，另一部分是接口（或者加数据资源）。前端页面中调接口是有限制的，同源策略(SOP)要求我们调用的接口必须和页面在同一域名下，说是为了保证数据的安全。
前端的跨域问题理解
1、代理跨域 接口代理-通过修改nginx服务器配置来实现 解释：前端修改，后台不动。
2、什么是跨域？ 跨域是通俗的说是从一个域名去请求另一个域名的资源。比如从 页面去请求 的资源。
3、有一种简明的说法来解释广域跨域：跨域访问，简单来说就是 A 网站的 javascript 代码试图访问 B 网站，包括提交内容和获取内容。由于安全原因，跨域访问是被各大浏览器所默认禁止的。
4、在前端开发过程中，如果准备开发富应用，跨域的问题将会随之而来。
5、所谓跨域，英文叫做cross-domain，是网络安全领域的一个专有名词。简单点理解就是某些操作越过了域名的界限，访问了别的域名。如果脚本可以自由访问其他域，就会产生很多安全问题。
6、可以使用服务器代理或者在后端设置允许跨域。现在的项目一般是在后端设置允许跨域，前端在带有允许跨域的情况下，可以像没有跨域一样正常访问。如果前端单独发布到服务器，也可以在服务器是设置代理，使用代理转发请求。
前端解决跨域都有哪些手段?
1、最常用的四种跨域解决方案 cors cors跨域资源共享允许是在服务端Access-Control-Allow-Origin字段设置的，当将cors设置为允许某个地址访问时，该地址就可以跨域访问这个服务器地址。
2、处理跨域方法三——WebSocket Websocket是HTML5的一个持久化的协议，它实现了浏览器与服务器的全双工通信，同时也是跨域的一种解决方案。WebSocket和HTTP都是应用层协议，都基于 TCP 协议。
3、可以使用服务器代理或者在后端设置允许跨域。现在的项目一般是在后端设置允许跨域，前端在带有允许跨域的情况下，可以像没有跨域一样正常访问。如果前端单独发布到服务器，也可以在服务器是设置代理，使用代理转发请求。
4、指window.location.protocol +window.location.host，也可以理解为“Domains， protocols and ports must match”。
5、Nginx可以说是最方便的，不过需要部署Nginx才行，需要对服务器有一定的理解，不太适合刚入门的同学，当然也可以请后台同学帮忙部署。
6、但是这却给我们的开发带来了不变，而且在实际生成环境中，肯定会有很多台服务器之间交互，地址和端口都可能不同，怎么办？目前比较常用的跨域解决方案有3种：我们这里会采用cors的跨域方案。
前端跨域如何解决?
1、服务端设置了Access-Control-Allow-Origin就开启了CORS，所以这种方式只要后端实现了CORS，就解决跨域问题，前端不需要配置。
2、前端解决就是通过jsonp、jquery ajax、axios配置代理等。还有个简单的，比如Mac用户，可以使用Charles工具设置代理，临时使用。
3、window.postMessage(data，origin) 是 HTML5 的一个接口，专注实现不同窗口不同页面的跨域通讯。
前端项目线上如何做跨域
1、前端页面被跨域限制了，说明不同源。 这个时候可以找一台跟后台接口同源的服务器用 nginx 来做接口转发。
2、通过jsonp跨域 Jsonp是Json的一种“使用模式”，他就可以解决浏览器遇到的跨域问题，我们可以动态创建script，再请求一个带参网址实现跨域通信。用Jsonp请求得到的是JavaScript，相当于直接用JavaScript解析。
3、可以使用服务器代理或者在后端设置允许跨域。现在的项目一般是在后端设置允许跨域，前端在带有允许跨域的情况下，可以像没有跨域一样正常访问。如果前端单独发布到服务器，也可以在服务器是设置代理，使用代理转发请求。
4、处理跨域方法一——JSONP JSONP原理 利用script元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 数据。JSONP请求一定需要对方的服务器做支持才可以。
5、这个说法相信不陌生，我们依然使用前端域名请求，然后有一个 中介商---代理 把这个请求转发到真正的后端域名上，那也就不存在跨域问题了。 比较普遍的Nginx，简单的配置一下就可以了。
6、“URL的首部”指window.location.protocol +window.location.host，也可以理解为“Domains， protocols and ports must match”。
请求接口时跨域问题,前端解决方法
1、处理跨域方法一——JSONP JSONP原理 利用script元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 数据。JSONP请求一定需要对方的服务器做支持才可以。
2、Access-Control-Allow-Origin：必选 Access-Control-Allow-Credentials：可选 Access-Control-Expose-Headers 预检请求用的请求方法是OPTIONS，表示这个请求是用来询问的。
3、通过jsonp跨域 Jsonp是Json的一种“使用模式”，他就可以解决浏览器遇到的跨域问题，我们可以动态创建script，再请求一个带参网址实现跨域通信。用Jsonp请求得到的是JavaScript，相当于直接用JavaScript解析。
4、可以使用服务器代理或者在后端设置允许跨域。现在的项目一般是在后端设置允许跨域，前端在带有允许跨域的情况下，可以像没有跨域一样正常访问。如果前端单独发布到服务器，也可以在服务器是设置代理，使用代理转发请求。
5、jsonp解决跨域，缺点：只局限于GET请求；应用场景：请求第三方平台数据（比如天气数据）时使用较多 服务器端设置Access-Control-Allow-Origin响应头，允许前端跨域。
6、需要后端运行跨域。后端在响应头加入允许跨域的参数就可以了。前端也可以使用代理插件对原域名进行代理访问。