小知识：Nginx 代理解决跨域问题多种情况分析

何为跨域问题

跨域本人经过两天的磨练，大量地翻阅网上资料，通俗地讲，就是，同一ip，同一域名，不同端口下，需要互相访问，需要cookie的传递以及数据的获取。

一般在项目中，前后端完全分离，因此访问的端口号不同，比如：localhost：8090（前端）发送到localhost：8001（后端）请求数据，此时前后端就出现了跨域问题。下面紧接着给大家介绍nginx 代理解决跨域问题分析，内容如下所示：

当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理 。我相信它能帮到你。

分析前准备：

前端网站地址：http://localhost:8080

服务端网址：http://localhost:59200

首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正常的

当网站8080去访问服务端接口时，就产生了跨域问题，那么如何解决？接下来我把跨域遇到的各种情况都列举出来并通过nginx代理的方式解决（后台也是一样的，只要你理解的原理）。

跨域主要涉及4个响应头：

access-control-allow-origin 用于设置允许跨域请求源地址 （预检请求和正式请求在跨域时候都会验证）

access-control-allow-headers跨域允许携带的特殊头信息字段（只在预检请求验证）

access-control-allow-methods跨域允许的请求方法或者说http动词（只在预检请求验证）

access-control-allow-credentials 是否允许跨域使用cookies，如果要跨域使用cookies，可以添加上此请求响应头，值设为true（设置或者不设置，都不会影响请求发送，只会影响在跨域时候是否要携带cookies，但是如果设置，预检请求和正式请求都需要设置）。不过不建议跨域使用（项目中用到过，不过不稳定，有些浏览器带不过去），除非必要，因为有很多方案可以代替。

网上很多文章都是告诉你直接nginx添加这几个响应头信息就能解决跨域，当然大部分情况是能解决，但是我相信还是有很多情况，明明配置上了，也同样会报跨域问题。

什么是预检请求？：当发生跨域条件时候，览器先询问服务器，当前网页所在的域名是否在服务器的许可名单之中，以及可以使用哪些http动词和头信息字段。只有得到肯定答复，浏览器才会发出正式的xmlhttprequest请求，否则就报错。如下图

开始动手模拟：

nginx代理端口：22222 ,配置如下