转载自https://blog.csdn.net/qq_38011415/article/details/107095403
随着越来越多的项目走向了前后端分离，前端服务，需要访问到不同的后端地址，经常遇到跨域问题。本文主要介绍使用Nginx解决跨域问题。
1.什么是跨域
由于浏览器的同源策略，用来限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。那怎样判断是否是同源呢？如果协议，端口（如果指定了）和主机对于两个页面是相同的，则两个页面具有相同的源，也就是同源。也就是说，要同时满足以下3个条件，才能叫同源：
协议相同
端口相同
主机相同
2.常见跨域情况
网络协议不同，如http协议访问https协议 ;
端口不同，如80端口访问8080端口 ;
域名不同，如www.test1.com访问www.test2.com ;
子域名不同，如abc.test1.com访问def.test1.com ;
3.跨域问题实例
这里通过子域名不同方式，设计一个跨域访问的示例
3.1环境准备
一台服务器（搭建好Nginx环境）;
二级域名2个
test1.xqiangme.top
test2.xqiangme.top
3.2新建2个index.html
文件1, 示例目录:/home/nginx/static_html/index_test1.html
文件2, 示例目录:/home/nginx/static_html/index_test2.html
3.3Nginx配置
配置目录示例：/home/nginx/conf/nginx_test1_and_test2.conf
3.4启动Nginx
若环境变量已经配置好，可直接使用./nginx 无需切换到安装目录下启动
3.5访问测试
test1子域名
test2子域名示例
4.解决跨域问题
一般Nginx解决跨域问题有2种方式，一般用第一种，接下来也是主讲第一种。
通过配置 header方式解决跨域 ;
通过反向代理 ;
修改nginx server 配置，添加如下内容
添加完成以上配置，重启Nginx就会发现，可以正常访问了
PS ：若考虑到安全性，也可以指定访问来源请求的域，示例
5.附录
