Nginx部署前后端项目时的跨域问题
再在 nginx 的 proxy_pass 配置成它所代理的 SpringBoot 的真实访问路径。例如：简单起见，我们这里的 Spring Boot 就运行在本地，并占用 8080 端口。
网站前端和后端不是同源的，采用以上的跨域方案，譬如CORS。同样的网站后端做中间人，访问第三方api，再转给网页前端。 使用nginx 反向代理解决跨域问题。
使用nginx反向代理解决跨域问题。网站前端访问nginx服务的地址，nginx设置代理地址为访问第三方api地址，当访问代理地址的时候，浏览器访问的是nginx服务的地址，实际是访问第三方api地址。
要想解决跨域问题，最简单彻底的方法当然是把他们拉到一个域下，而这就是该“反向代理”发挥作用的时候了。
nginx配置跨域问题本地前端起服务不生效是因为浏览器同源策略的存在使得一个源中加载来自其它源中资源的行为受到了限制导致的，只需要进行更改浏览器即可。浏览器是用来检索、展示以及传递Web信息资源的应用程序。
前端跨域是什么?
1、什么是跨域？ 跨域是通俗的说是从一个域名去请求另一个域名的资源。比如从 页面去请求 的资源。
2、什么是跨域？浏览器发送的请求地址（URL）与所在页面的地址 不同（端口/协议/域名 其一不同）。简言之，浏览器发出的请求url，与其所在页面的url不一样。
3、前端解决就是通过jsonp、jquery ajax、axios配置代理等。还有个简单的，比如Mac用户，可以使用Charles工具设置代理，临时使用。
4、在前端开发过程中，如果准备开发富应用，跨域的问题将会随之而来。
5、所谓跨域，英文叫做cross-domain，是网络安全领域的一个专有名词。简单点理解就是某些操作越过了域名的界限，访问了别的域名。如果脚本可以自由访问其他域，就会产生很多安全问题。
6、搞大前端的，肯定都会遇到跨域问题的，虽然网上这方面的资料也很多，但我还是喜欢自己写一遍，自己理解过、总结过的东西才记得最深刻。
前端解决跨域都有哪些方法?
处理跨域方法三——WebSocket Websocket是HTML5的一个持久化的协议，它实现了浏览器与服务器的全双工通信，同时也是跨域的一种解决方案。WebSocket和HTTP都是应用层协议，都基于 TCP 协议。
jsonp解决跨域，缺点：只局限于GET请求；应用场景：请求第三方平台数据（比如天气数据）时使用较多 服务器端设置Access-Control-Allow-Origin响应头，允许前端跨域。
自己搭一个小型服务器就可以了。或者webstorm和brackets都有自己集成的小型服务器，能解决跨域问题。
可以使用服务器代理或者在后端设置允许跨域。现在的项目一般是在后端设置允许跨域，前端在带有允许跨域的情况下，可以像没有跨域一样正常访问。如果前端单独发布到服务器，也可以在服务器是设置代理，使用代理转发请求。
解决方案：js向服务器发送请求，然后让服务器去另一个域上获取数据后返回。（用于你无法控制另一个域） 比如php中利用cUrl。放置跨域文件.用JSONP。虽然不能跨域进行通信，但是可以引入跨域的js文件。
搞大前端的，肯定都会遇到跨域问题的，虽然网上这方面的资料也很多，但我还是喜欢自己写一遍，自己理解过、总结过的东西才记得最深刻。
前端的跨域问题理解
什么是跨域？ 跨域是通俗的说是从一个域名去请求另一个域名的资源。比如从 页面去请求 的资源。
代理跨域 接口代理-通过修改nginx服务器配置来实现 解释：前端修改，后台不动。
通过jsonp跨域 Jsonp是Json的一种“使用模式”，他就可以解决浏览器遇到的跨域问题，我们可以动态创建script，再请求一个带参网址实现跨域通信。用Jsonp请求得到的是JavaScript，相当于直接用JavaScript解析。
解决方案：js向服务器发送请求，然后让服务器去另一个域上获取数据后返回。（用于你无法控制另一个域） 比如php中利用cUrl。放置跨域文件.用JSONP。虽然不能跨域进行通信，但是可以引入跨域的js文件。
搞大前端的，肯定都会遇到跨域问题的，虽然网上这方面的资料也很多，但我还是喜欢自己写一遍，自己理解过、总结过的东西才记得最深刻。
后端解决前端跨域请求问题
1、预检请求（option）：在 CORS 中，可以使用 OPTIONS 方法发起一个预检请求(一般都是浏览检测到请求跨域时，会自动发起)，以检测实际请求是否可以被服务器所接受。
2、前端通过http请求跨域的同时需要带上cookie信息，前端需要设置withCredentials = true。而后端也需要有所修改。
3、如果前端项目不同模块的请求地址不一样，则都需要进行更改。