1.后端配置新建一个CrosConfig.java文件（配置类），允许任意请求发送importorg.springframework.context.annotation.Bean;importorg.springframework.context.annotation.Configuration;importorg.springframework.web.cors.CorsConfiguration;importorg.springframework.web.cors.UrlBasedCorsConfigurationSource;importorg.springframework.web.
原因我做某些项目的时候会使用一些公共的api，但是由于我自己的域名与api域名不是同一个，浏览器会报跨域错误，前端处理的话，一般而言vue中使用最多的其实是代理解决跨域，但我会把项目打包生成dist发布部署到gitee的pages中，部署为一个静态页面。如果使用vue代理的话，打包后vue的代理会被抽离失效。这时有人可能会想到nginx反向代理或者后端配置跨域，但这是gitee的服务啊，又不是你自己的。所以剩下的只有jsonp和window.name之类的跨域方案。这里我就jsonp做一下说明。原理其实jsonp跨域原理及其简单，就是利用script标签的src属性，它是可以加载其它域的资源的
1.后端配置新建一个CrosConfig.java文件（配置类），允许任意请求发送importorg.springframework.context.annotation.Bean;importorg.springframework.context.annotation.Configuration;importorg.springframework.web.cors.CorsConfiguration;importorg.springframework.web.cors.UrlBasedCorsConfigurationSource;importorg.springframework.web.
原因我做某些项目的时候会使用一些公共的api，但是由于我自己的域名与api域名不是同一个，浏览器会报跨域错误，前端处理的话，一般而言vue中使用最多的其实是代理解决跨域，但我会把项目打包生成dist发布部署到gitee的pages中，部署为一个静态页面。如果使用vue代理的话，打包后vue的代理会被抽离失效。这时有人可能会想到nginx反向代理或者后端配置跨域，但这是gitee的服务啊，又不是你自己的。所以剩下的只有jsonp和window.name之类的跨域方案。这里我就jsonp做一下说明。原理其实jsonp跨域原理及其简单，就是利用script标签的src属性，它是可以加载其它域的资源的
什么是跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。跨域指的是浏览器不能执行其它网站的脚本。是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。有一点必须要注意：跨域并不是请求发不出去，请求能发出去，服务端能收到请求并正常返回结果，只是结果被浏览器拦截了。之所以会跨域，是因为受到了同源策略的限制，同源策略要求源相同才能正常进行通信，即协议、域名、端口号都完全一致。什么是同源策略？协议号-域名-端口号，只有当这三个条件同时满足相同时，我们就称之为符合同源策略，同源策略也可以看做是一个协议。https://www.baidu.com:80
什么是跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。跨域指的是浏览器不能执行其它网站的脚本。是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。有一点必须要注意：跨域并不是请求发不出去，请求能发出去，服务端能收到请求并正常返回结果，只是结果被浏览器拦截了。之所以会跨域，是因为受到了同源策略的限制，同源策略要求源相同才能正常进行通信，即协议、域名、端口号都完全一致。什么是同源策略？协议号-域名-端口号，只有当这三个条件同时满足相同时，我们就称之为符合同源策略，同源策略也可以看做是一个协议。https://www.baidu.com:80
跨域解决方法----后端解决 后端需要在接口位置前加入以下代码就行拉-----亲测有效 这个是允许所有的域名访问//设置跨域router.all("*",function(req,res,next){res.header("Access-Control-Allow-Origin","*");//设置允许跨域的域名，*代表允许任意域名跨域res.header("Access-Control-Allow-Headers","content-type");//允许的header类型res.header("Access-Control-Allow-Methods","DELETE,
跨域解决方法----后端解决 后端需要在接口位置前加入以下代码就行拉-----亲测有效 这个是允许所有的域名访问//设置跨域router.all("*",function(req,res,next){res.header("Access-Control-Allow-Origin","*");//设置允许跨域的域名，*代表允许任意域名跨域res.header("Access-Control-Allow-Headers","content-type");//允许的header类型res.header("Access-Control-Allow-Methods","DELETE,
一、为什么会出现跨域问题点击打开视频讲解更详细出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）二、什么是跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域当前页面url被请求页面url
一、为什么会出现跨域问题点击打开视频讲解更详细出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）二、什么是跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域当前页面url被请求页面url
