简单的讲就是你在一个地方使用另一个地方的资源，被浏览器给挡下来了，不让不用！当然，它挡下来是有自己理由的：为了安全。我是用vue开发的，就vue代理模式解决跨域说明一下。

我们通过 access-control-allow-origin 来决定那些那资源可以被跨域访问，例如设置 access-control-allow-origin: * 允许所有资源可以被访问 。并且通过设置 credential 来决定是否携带 cookie

浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发

前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击

将跨域请求的链接和参数以链接的方式提交给服务器，同时在链接中附带本地接收JSONP数据函数的函数名，当服务器查找数据完毕后，调用该函数，并将数据以函数参数形式传出。

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

Vue开发环境跨域访问其他服务器或者本机其他端口，需要配置项目中config/index.js文件，修改如下，这样你通过axios 或fetche访问 /api/** 便相当于跨域访问了

原生方式需要定义一个回调函数，用来接收和处理数据。获取数据的地址包含这个回调函数名。新建一个<script>标签，地址赋值给标签的src。

由于页面设计需要，页面展示图片，并可点击下载按钮进行下载（需要前端打包多个图片，所以需要使用ajax请求图片获得二进制内容，不能直接使用img或a进行下载），如图：

在node.js中可以使用res.header()方法来配置跨域。res.header()方法可以用来设置允许跨域的域名、允许的header类型、跨域允许的请求方式等。

跨域，前端开发中常常遇到的问题。AngularJS实现跨域方式类似于Ajax，使用CORS机制。以下阐述一下AngularJS中使用$http实现跨域请求数据。指定callback和回调函数名，函数名为JSON_CALLBACK时，会调用success回调函数。JSON_CALLBACK必须全为大写。

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。如果进行跨域访问

如果你和我一样，第一次遇到 CORS （跨域资源共享），你想让服务器接收那些你拼接的 Ajax 请求并处理他们。所以你去 stackoverflow.com 复制一段代码来设置一些 HTTP Headers ，让请求可以正常工作

第一步，下载依赖 http-proxy-middleware；第二步，在src下建立setupProxy.js；第三步，在数据请求中直接请求，在真实url后添加/api即可，eg

正向代理是你发出请求的时候先经过代理服务器，所以实际上发出请求的是代理服务器。反向代理是“代理你的目标服务器”，请求目标服务器的代理，做一些处理后再真正请求。在这篇文章里，反向代理用于处理跨域问题。