前端项目线上如何做跨域
1、通过jsonp跨域 Jsonp是Json的一种“使用模式”，他就可以解决浏览器遇到的跨域问题，我们可以动态创建script，再请求一个带参网址实现跨域通信。用Jsonp请求得到的是JavaScript，相当于直接用JavaScript解析。
2、服务器端设置Access-Control-Allow-Origin响应头，允许前端跨域。
3、可以使用服务器代理或者在后端设置允许跨域。现在的项目一般是在后端设置允许跨域，前端在带有允许跨域的情况下，可以像没有跨域一样正常访问。如果前端单独发布到服务器，也可以在服务器是设置代理，使用代理转发请求。
4、处理跨域方法一——JSONP JSONP原理 利用script元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 数据。JSONP请求一定需要对方的服务器做支持才可以。
前端跨域的几种解决方案
1、最常用的四种跨域解决方案 cors cors跨域资源共享允许是在服务端Access-Control-Allow-Origin字段设置的，当将cors设置为允许某个地址访问时，该地址就可以跨域访问这个服务器地址。
2、可以使用服务器代理或者在后端设置允许跨域。现在的项目一般是在后端设置允许跨域，前端在带有允许跨域的情况下，可以像没有跨域一样正常访问。如果前端单独发布到服务器，也可以在服务器是设置代理，使用代理转发请求。
3、服务器端对于CORS的支持，主要就是通过设置 Access-Control-Allow-Origin 来进行的。如果浏览器检测到相应的设置，就可以允许Ajax进行跨域的访问。
4、在前后端接口请求中，由于浏览器的限制，会出现跨域的情况。
跨域的几种方法
还有一种方式，就是通过降域来实现跨域。即通过设置document.domain的方式，将两个域名的domain设置为一个，如对于a.example.com和b.example.com，可以通过js设置 document.domain = example.com ，实现跨域。
常见的跨域场景：对于简单请求，浏览器会直接发出CORS请求，具体的就是在头信息中，增加一个 Origin 字段。
通过jsonp跨域 Jsonp是Json的一种“使用模式”，他就可以解决浏览器遇到的跨域问题，我们可以动态创建script，再请求一个带参网址实现跨域通信。用Jsonp请求得到的是JavaScript，相当于直接用JavaScript解析。
处理跨域方法一——JSONP JSONP原理 利用script元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 数据。JSONP请求一定需要对方的服务器做支持才可以。
如果跨域请求要想操作cookie，需要满足3个条件：不符合简单请求的条件，会被浏览器判定为特殊请求，例如请求方式为PUT。特殊请求会在正式通信之前，增加一次HTTP查询请求，称为预检请求（preflight）。
解决跨域的方法：通过jsonp跨域。通过修改document.domain来跨子域。使用window.name来进行跨域。使用HTML5中新引进的window.postMessage方法来跨域传送数据。