使用nginx如何解决Access-Control-Allow-Origin问题
更新时间：2024年01月03日 09:01:09 作者：岑如花
这篇文章主要介绍了使用nginx如何解决Access-Control-Allow-Origin问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
前台在访问不同ip的nginx服务器时报错：
No ‘Access-Control-Allow-Origin’ header is present on the requested resource
原因
被请求的资源没有设置 ‘Access-Control-Allow-Origin’
也就是nginx的返回信息头没有Access-Control-Allow-Origin（也就是浏览器同源策略，大家可以自行百度）
解决方案
在nginx中的nginx.conf中的路由中添加以下代码：
location / {
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
} 如果你请求的不是"location /"
则在自己的路由添加例如：“localhost /test”
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Keepalived实现Nginx负载均衡高可用的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
本文主要介绍了nginx.conf配置两个前端路径，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
nginx作为web服务器一个重要的功能就是反向代理,当然你也可以使用nginx配置正向代理,这篇文章主要给大家介绍了关于Nginx反向代理的相关资料,需要的朋友可以参考下2021-10-10
这篇文章主要介绍了Nginx多层代理配置方法，此篇文章只给大家介绍nginx的多级代理配置代码,需要的朋友可以参考下2017-08-08
这篇文章主要介绍了Nginx服务器做负载均衡反向代理的超级攻略,包括缓存的相关设定以及负载均衡的一些常见问题的解决,极力推荐!需要的朋友可以参考下2015-08-08
最近一台服务器要配置多个前端项目,当然前后端分离就需要nginx来配置了,下面这篇文章主要给大家介绍了关于nginx部署多个前端项目的详细步骤,需要的朋友可以参考下2023-10-10
详解Nginx虚拟主机配置中server_name的具体写法
这篇文章主要介绍了Nginx虚拟主机配置中server_name的具体写法,server_name服务器名是虚拟主机中必须配置的重要参数,需要的朋友可以参考下2016-03-03
反向代理：反向代理也叫reverse proxy,指的是代理外网用户的请求到内部的指定web服务器,并将数据返回给用户的一种方式,这是用的比较多的一种方式,下面这篇文章主要给大家介绍了关于Nginx反向代理的相关资料,需要的朋友可以参考下2021-08-08
这篇文章主要介绍了Nginx开启stub_status模块配置方法,Nginx中的stub_status模块主要用于查看Nginx的一些状态信息,本文讲解它的开启配置方法,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了一段万能的nginx接口实现反向代理配置，详细的介绍了什么是反向代理及其接口反向代理的实现，非常具有实用价值，需要的朋友可以参考下2018-10-10
最新评论