设置响应头允许跨域

在正常情况下，浏览器禁止跨域访问cookies。

通常，跨域cookies可以通过SSO服务获得。其思想是：

域a页面访问位于域a中的服务器，验证权限，域a服务器与域B服务器通信，为认证域记录唯一的加密字符串（并向域B服务器发送cookie信息）。

域a服务器返回302跳转，跳转到域B，并使用加密字符串作为URL的一部分从域a跳转到域B，域B服务器通过加密字符串提前从域a服务器获取cookie信息，并在响应头中添加setcookie字段来设置cookie。

所以cookie不能跨域访问

接口允许跨域请求

你可以引入Vue-resource,使用this.$http.get,this.$http.post发送，当然这同时需要配置跨域请求，举个例子，后台我使用express4.x，默认地址为http://localhost:3000,那么需要在Vue-cli的config目录中，打开index.js文件，在dev下面这样配置axiosmain.js这样配置同时Vue这样请求express后台这样就能接收到post过来的数据，这是最简单的一种用法OK，前台也拿到了请求的数据

设置响应头允许跨域传输

nginx中设置允许跨域的响应头方法：添加如下location：location / {add_header Access-Control-Allow-Origin *;}会在响应头中添加Access-Control-Allow-Origin字段以允许跨域

跨域请求头设置

先解释一下跨域: 比如你希望自己写一个百度的搜索页面，直接调用百度的服务，然后在页面上直接展示百度服务返回的信息，这样就不需要任何后台服务就实现了一个山寨版的百度。实际情况是，你的网页在调用百度接口时，浏览器返回了一个不能跨域的错误信息，因为你的网页域名和百度的域名不同，而且百度不允许跨域访问，所以浏览器接到异常后返回了错误信息，这就是跨域。

要实现跨域请求，目前有两个方法比较简单实现:

1、在服务端接口，设置Access-Control-Allow-Origin，允许非本域名和与服务端一致的端口的客户端请求;

2、在客户端的web-server（如nginx）配置接口转发，由服务端请求跨域的服务接口，并将接口返回数据给前端。

允许跨域 header

IE9、Chrome、FF、Opera支持ResponseHeader Access-Control-Allow-OriginIE下得额外配置：jQuery.support.cors = true; （启用读取上面那个头信息的功能）点击IE浏览器的的“工具->Internet 选项->安全->自定义级别”将“其他”选项中的“通过域访问数据源”选中为“启用”或者“提示”，点击确定就可以了。（自身的过滤）

前端设置允许跨域

不需要，跨域一般都是在后端设置就好了，前端正常提交http请求，后端就能接收和返回数据

后端设置允许跨域

具体解决方法如下

1，导入项目使用npm命令

 打开前端工具Visual Studio Code，导入项目并使用npm命令运行项目，打开页面结果出现了500。

2，打开浏览器控制台

按下快捷键F12，打开浏览器控制台，查看是什么原因导致的500。

3，检查后台服务器是否开启

由Console切换到Network，查看哪个请求出现500，检查是否后台服务器没开。

4，检查是否出现跨域问题

开启ideal后台项目，并检查前端访问后端的链接地址，是否出现跨域的问题。

5，代码解决

如果前后端存在跨域问题，可以在前端使用代码解决。检查前端传给后台的参数，如参数个数、参数类型、请求方式等。

解决跨域问题后端请求头设置

跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。

使用jsonp只能解决get请求的跨域,因为script标签中的src请求就是get请求。也就是说,通过JQ只能解决get请求的跨域。post请求的跨域,需要在服务器进行设置。萊垍頭條

條萊垍頭