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. /
相关文章
|
监控 JavaScript 安全
在 Vue 项目中配置 CORS 时的注意事项
【10月更文挑战第20天】在 Vue 项目中配置 CORS 需要综合考虑多个方面的因素,从配置的准确性、稳定性、兼容性到测试、监控和安全等。通过细心的规划和实施,以及与团队成员的协作,可以有效地解决跨域问题,并确保项目的顺利进行。
|
JavaScript 前端开发 安全
在 Vue 项目中配置 CORS 的方法
【10月更文挑战第20天】在 Vue 项目中配置 CORS 需要综合考虑后端服务器配置、代理服务器使用以及前端的有限配置等多种因素。通过合理的配置和处理,可以有效地解决跨域问题,为项目的顺利进行提供保障。
|
缓存 前端开发 应用服务中间件
CORS跨域+Nginx配置、Apache配置
CORS跨域+Nginx配置、Apache配置
997 7
|
安全 前端开发 Java
Web端系统开发解决跨域问题——以Java SpringBoot框架配置Cors为例
在Web安全上下文中,源(Origin)是指一个URL的协议、域名和端口号的组合。这三个部分共同定义了资源的来源,浏览器会根据这些信息来判断两个资源是否属于同一源。例如,https://www.example.com:443和http://www.example.com虽然域名相同,但由于协议和端口号不同,它们被视为不同的源。同源(Same-Origin)是指两个URL的协议、域名和端口号完全相同。只有当这些条件都满足时,浏览器才认为这两个资源来自同一源,从而允许它们之间的交互操作。
722 0
Web端系统开发解决跨域问题——以Java SpringBoot框架配置Cors为例
|
前端开发 安全 Java
Spring Boot中的CORS配置
Spring Boot中的CORS配置
|
JavaScript 中间件 Python
Django如何配置解决CORS问题
Django如何配置解决CORS问题
579 0
|
移动开发 JavaScript 前端开发
ElementUI实现登录注册啊,axios全局配置,CORS跨域
ElementUI实现登录注册啊,axios全局配置,CORS跨域
285 0
|
JavaScript 前端开发 Java
ElementUI实现登录注册+axios全局配置+CORS跨域
ElementUI实现登录注册+axios全局配置+CORS跨域
221 0
|
JSON JavaScript 前端开发
使用Vue、ElementUI实现登录注册,配置axios全局设置,解决CORS跨域问题
使用Vue、ElementUI实现登录注册,配置axios全局设置,解决CORS跨域问题
688 0