nginx 配置CORS该如何允许配置?

简介:  后端工程师写完接口之后传到远程服务器上,为了便于本地调试,我特地去服务器上的nginx配置允许CORS。  配置过程  服务必须返回 Access-Control-Allow-Origin : enabledhost.

 后端工程师写完接口之后传到远程服务器上,为了便于本地调试,我特地去服务器上的nginx配置允许CORS。
  配置过程
  服务必须返回 Access-Control-Allow-Origin : enabledhost.com 的 http response,才会允许跨域访问,我先去服务器上找到 nginx 的配置文件,然后直接配置以下内容:
  location /
  {
  add_header Access-Control-Allow-Origin *;
  add_header Access-Control-Allow-Headers X-Requested-With;
  add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
  include fastcgi.conf;
  }
  完事之后进行接口调用,发现还是不管用,于是就进行各种搜,网上的答案五花八门,有说GET类型和POST类型的请求配置不一样,也有说一样的。 最后还是问了搞后端的朋友,应该写在一个关于php支持的配置文件里才行,于是我更正了配置:
  location —— 1.php(/|$)
  {
  try_files $uri =404;
  fastcgi_pass unix:/tmp/php-cgi.sock;
  fastcgi_index index.php;
  add_header Access-Control-Allow-Origin *;
  add_header Access-Control-Allow-Headers X-Requested-With;
  add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
  include fastcgi.conf;
  }
  至此,就OK了,大家在进行nginx跨域配置时需要注意以下几点:
  1、Access-Control-Allow-Origin 不要像我一样设置 * ,这样不安全。我只是为了临时使用方便,后面还会关掉此设置
  2、设置时写在php相关的location配置中
  3、不要忘记这条配置 add_header Access-Control-Allow-Headers X-Requested-With; 网上搜到的答案大部分都少这一条。


  1. /
相关文章
|
4月前
|
缓存 应用服务中间件 网络安全
Nginx中配置HTTP2协议的方法
Nginx中配置HTTP2协议的方法
264 7
|
5月前
|
应用服务中间件 BI nginx
Nginx的location配置详解
【10月更文挑战第16天】Nginx的location配置详解
|
5月前
|
缓存 负载均衡 安全
Nginx常用基本配置总结:从入门到实战的全方位指南
Nginx常用基本配置总结:从入门到实战的全方位指南
571 0
|
2月前
|
存储 应用服务中间件 Linux
nginx配置证书和私钥进行SSL通信验证
nginx配置证书和私钥进行SSL通信验证
74 4
|
4月前
|
负载均衡 监控 应用服务中间件
配置Nginx反向代理时如何指定后端服务器的权重?
配置Nginx反向代理时如何指定后端服务器的权重?
257 61
|
4月前
|
安全 应用服务中间件 网络安全
如何测试Nginx反向代理实现SSL加密访问的配置是否正确?
如何测试Nginx反向代理实现SSL加密访问的配置是否正确?
263 60
|
4月前
|
安全 应用服务中间件 网络安全
配置Nginx反向代理实现SSL加密访问的步骤是什么?
我们可以成功地配置 Nginx 反向代理实现 SSL 加密访问,为用户提供更安全、可靠的网络服务。同时,在实际应用中,还需要根据具体情况进行进一步的优化和调整,以满足不同的需求。SSL 加密是网络安全的重要保障,合理配置和维护是确保系统安全稳定运行的关键。
355 60
|
5月前
|
监控 JavaScript 安全
在 Vue 项目中配置 CORS 时的注意事项
【10月更文挑战第20天】在 Vue 项目中配置 CORS 需要综合考虑多个方面的因素,从配置的准确性、稳定性、兼容性到测试、监控和安全等。通过细心的规划和实施,以及与团队成员的协作,可以有效地解决跨域问题,并确保项目的顺利进行。
|
3月前
|
存储 应用服务中间件 nginx
nginx反向代理bucket目录配置
该配置实现通过Nginx代理访问阿里云OSS存储桶中的图片资源。当用户访问代理域名下的图片URL(如 `http://代理域名/123.png`)时,Nginx会将请求转发到指定的OSS存储桶地址,并重写路径为 `/prod/files/2024/12/12/123.png`。
140 5
|
4月前
|
缓存 负载均衡 算法
如何配置Nginx反向代理以实现负载均衡?
如何配置Nginx反向代理以实现负载均衡?