1、想要彻底解决跨域问题，只需要破坏以上三个条件的任一即可：添加浏览器启动参数： chrome --disable-web-security ，但是极不推荐这种解决方式。
2、通过中间过渡层解决跨域问题 （1）通过Web代理服务器将不同域的应用统一通过代理服务器进行隔离，所有的应用都在一个域名下面了。（比如apache，nginx等）（2）跨域的安全限制都是指浏览器端来说的.服务器端是不存在跨域安全限制的，所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作。
3、解决方案：使用中间层过渡的方式（可以理解为“代理”）：中间过渡，在AJAX与不同域的服务器进行通讯的中间加一层过渡，这一层过渡可以是PHP、JSP、c++等任何具备网络通讯功能的语言，由中间层向不同域的服务器进行读取数据的操作。
在前端ajax请求时，我们在header中设置了自定义的头部信息，将token写入了头部，便于后端进行身份认证， 如：xhr.setRequestHeader（Authorization， access_token）。通过了ajax全局方法做了统一处理。在设置了自定义header后，浏览器到后端请求将分为两步进行。
header（Access-Control-Allow-Headers：x-requested-with，content-type）； //响应头 请按照自己需求添加。
为了安全，跨域XHR对象有一些限制： 不能使用 setRequestHeader（） 设置自定义头部不能发送和接收 cookie调用 getAllResponseHeaders（） 方法总会返回空字符串。
在纯前端 HTML 中，ajax 请求跨域问题可以通过以下方式解决： JSONP 跨域：JSONP 是一种利用 script 标签跨域访问资源的方法。它的基本思想是，网页通过添加一个 script 标签来调用远程服务器上的脚本，该脚本返回的数据会被当作 JavaScript 代码执行。
这个值是不能手工修改的，否则就没有“跨域”这个问题了。必须修改被跨域调用的网页的来源Origin为*或包含你的域名或IP的字串才行。
A1：都有可能，这需要根据所发送的请求是 简单请求 还是 非简单请求 来判断；如果是非简单请求，浏览器每次在执行真正的请求之前，还会先发送一个 options 请求方式的预检命令【 可设定缓存时长，取消每次请求都要预检，提高效率，参考上面的服务端配置 】。
解决方案JsonpJsonp解决跨域相对简单，服务器无需任何配置。
在纯前端 HTML 中，ajax 请求跨域问题可以通过以下方式解决： JSONP 跨域：JSONP 是一种利用 script 标签跨域访问资源的方法。它的基本思想是，网页通过添加一个 script 标签来调用远程服务器上的脚本，该脚本返回的数据会被当作 JavaScript 代码执行。
通过中间过渡层解决跨域问题 （1）通过Web代理服务器将不同域的应用统一通过代理服务器进行隔离，所有的应用都在一个域名下面了。（比如apache，nginx等）（2）跨域的安全限制都是指浏览器端来说的.服务器端是不存在跨域安全限制的，所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作。
想要彻底解决跨域问题，只需要破坏以上三个条件的任一即可：添加浏览器启动参数： chrome --disable-web-security ，但是极不推荐这种解决方式。
最近做了一个应用管理系统，采用前后端分离方式开发，前端使用了layuiadmin框架，后端使用了 .net web api，在开发过程中，遇到了ajax跨域问题及header自定义设置，这是所有前后端分离开发都需要解决的问题，在此做一个记录。
使用jquery的ajax的jsonp类型跨域请求数据、始终获取不到返回数据是设置错误造成的，解决方法为：创建基本的文件结构json_ajax.html和json_ajax.php，下载jquery.js。如图分别编写json_ajax.html和json_ajax.php文件的编码。分别在w（l）amp环境下运行json_ajax.html和json_ajax.php。
Jquery ajax 想在客户端跨域必须使用jsonp（还可以使用js方式）。你的dataType：jsonp，没有问题，但看你的url就不像一个jsonp的链接，jsonp的url通常是以？结束的。这里有一篇关于跨域访问的文章，不知对你是否有帮助。
搭建服务器做代理捉取跨域请求返回的数据，本地应用页面的ajax请求建立的代理服务器就能间接的实现这样的需求。
那么如何解决，主要有三个方法：第一个是修改服务器，ajax返回数据，也就是dataType类型设置为jsonp，jsonp是专门为解决跨域问题而生的，具体用法自行百度。第二个方法，就是先用自己服务器后台执行curl，抓取目标服务器上的文件，在用前端ajax获取服务器后台获取到的目标服务器文件结果即可。
用 JSONP 抓到的资料并不是 JSON，而是任意的JavaScript，用 JavaScript 直译器执行而不是用 JSON 解析器解析。实践模拟跨域请求在本机弄两个tomcat，端口分别为8080，8888，也就满足了非同源的条件，那么要是从一个端口发送ajax去获取另外一个端口的数据，那么肯定会报跨域请求问题。
最后一行alert使用为；parsererror。百思不得其解，继续google，最终还是在万能的stackoverflow找 到了答案，链接在这里。原因是jsonp的格式与json格式有着细微的差别，所以在server端的代码上稍稍有所不同。
1、解决跨域的方法：通过jsonp跨域。通过修改document.domain来跨子域。使用window.name来进行跨域。使用HTML5中新引进的window.postMessage方法来跨域传送数据。
2、可以使用服务器代理或者在后端设置允许跨域。现在的项目一般是在后端设置允许跨域，前端在带有允许跨域的情况下，可以像没有跨域一样正常访问。如果前端单独发布到服务器，也可以在服务器是设置代理，使用代理转发请求。
3、具体解决方法如下： 添加跨域响应头：在Nginx的配置文件中，可以为特定的请求添加`Access-Control-Allow-Origin`响应头。这个响应头用于指定哪些来源的域名可以访问该资源。例如，如果想要允许所有来源的域名访问，可以设置为`Access-Control-Allow-Origin： *`。
4、//在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题 //将/api开头的url转发到target上。
5、为解决这一问题，有几种可行的途径：最直接的方法是将你的代码部署到远程服务器上，这样浏览器就不会再认为请求是跨域的。如果你使用的是Visual Studio Code（VSCode），可以利用其Live Server插件，通过该插件运行和访问本地文件，避免跨域问题。如果暂时需要在本地测试，可以临时更改浏览器设置。