Nginx解决跨域问题的具体实现

出现Access to XMLHttpRequest at 'http://xxxx：8080/getUser' from 'xxxxx' has been blocked by CORS policy:No Control-Allow-Origin'

此处用来解决跨域问题，需要添加两个头信息，一个是 Control-Allow-Origin, Access Access-Control-Allow-Methods

解决方案

使用add_header指令，该指令可以用来添加一些头信息

语法：add_header name value...

默认值 没有

第一步：打开nginx.conf的配置文件

第二步：在server的location中添加 add_header Acess-Control-Allow-Origin

第三步 在add_header Acess-Control-Allow-Origin中添加对应的域名，表示允许放通的公网IP，同时添加add_header 允许放行的方法

第四步：检验语法，重载配置

第五步：这一次弹框数据就弹出来了

如果想要多台服务器能够跨域访问，添加*就可以实现了

依然能够得到数据

NetWork中也可以看到带有*的标识，意思是允许多个IP跨域访问

Access-Control-Allow-Origin: 直译过来是允许跨域访问的源地址信息， 可以配置多个(多个用逗号分隔)，也可以使用*代表所有源

Access-Control-Allow-Methods:直译过来是允许跨域访问的请求方式， 值可以为 GET POST PUT DELETE...,可以全部设置，也可以根据需要设 置，多个用逗号分隔

具体配置方式

location /getUser{
 add_header Access-Control-Allow-Origin *;
 add_header Access-Control-Allow-Methods 
GET,POST,PUT,DELETE;
 default_type application/json;
 return 200 '{"id":1,"name":"TOM","age":18}';
 }