Nginx设置Access-Control-Allow-Origin多域名跨域实现

 更新时间:2024年11月19日 11:51:24   作者:net1193379199  
本文主要介绍了Nginx设置Access-Control-Allow-Origin多域名跨域实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

修改配置文件

可通过如下配制进行多域名的设置。

map $http_origin $corsHost {
   default 0;
   "~https://www.itbiancheng.com" https://www.itbiancheng.com;
   "~http://love.itbiancheng.com" http://love.itbiancheng.com;
}
server
{
   listen 80;
   server_name www.itbiancheng.com;
   root /nginx;
   location /
   {
      add_header Access-Control-Allow-Origin $corsHost;
   }
}

最近在做一个站,由于把样式和图片都独立出来了一个单独的域名,在移动端的时候访问提示跨域访问了,主要是因为css样式里面引用了字体文件,接下来吾爱编程为大家介绍一下,有需要的小伙伴可以参考一下:

1、错误提示

在这里插入图片描述

2、解决方法

nginx上的解决方案是配置Access-Control-Allow-Origin来解决,但是要么允许所有,要么允许单个的,都不能解决我的文件,经过一番查找找到了解决方法,

map $http_origin $corsHost {
   default 0;
   "~https://www.itbiancheng.com" https://www.itbiancheng.com;
   "~http://love.itbiancheng.com" http://love.itbiancheng.com;
}
server
{
   listen 80;
   server_name www.itbiancheng.com;
   root /nginx;
   location /
   {
      add_header Access-Control-Allow-Origin $corsHost;
   }
}

到此这篇关于Nginx设置Access-Control-Allow-Origin多域名跨域实现的文章就介绍到这了,更多相关Nginx Access-Control-Allow-Origin多域名跨域内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Kubernetes中Nginx配置热加载的全过程

    Kubernetes中Nginx配置热加载的全过程

    Nginx已经是互联网IT业界一个无敌的存在,作为反向代理、负载均衡、Web服务器等多种角色的扮演者,下面这篇文章主要给大家介绍了关于Kubernetes中Nginx配置热加载的相关资料,需要的朋友可以参考下
    2022-01-01
  • Nginx学习之如何搭建文件防盗链服务的方法示例

    Nginx学习之如何搭建文件防盗链服务的方法示例

    这篇文章主要介绍了Nginx学习之如何搭建文件防盗链服务的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • 关于使用Keepalived实现Nginx的自动重启及双主热备高可用问题

    关于使用Keepalived实现Nginx的自动重启及双主热备高可用问题

    这篇文章主要介绍了使用Keepalived实现Nginx的自动重启及双主热备高可用,本文通过几个问题解析帮助大家学习Keepalived实现Nginx的自动重启的相关知识,需要的朋友可以参考下
    2021-09-09
  • Linux环境下安装nginx教程

    Linux环境下安装nginx教程

    大家好,本篇文章主要讲的是Linux环境下安装nginx教程,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下,方便下次浏览
    2021-12-12
  • upstream模块在nginx配置文件中的作用详解

    upstream模块在nginx配置文件中的作用详解

    这篇文章主要为大家介绍了upstream模块在nginx配置文件中的作用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • Nginx转发丢失cookie表现形式及解决方案

    Nginx转发丢失cookie表现形式及解决方案

    本文主要介绍了Nginx转发丢失cookie表现形式及解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-01-01
  • Nginx timeout超时配置详解

    Nginx timeout超时配置详解

    这篇文章主要介绍了Nginx timeout超时配置详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • nginx中的健康检查方案

    nginx中的健康检查方案

    这篇文章主要介绍了nginx中的健康检查方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • Linux中Nginx的防盗链和优化的实现代码

    Linux中Nginx的防盗链和优化的实现代码

    今天是周末小编在值班哈,很开森,工作使我快乐,本文重点给大家介绍Linux中Nginx的防盗链和优化问题及实现代码,需要的朋友跟随小编一起看看吧
    2021-06-06
  • Nginx鉴权、限流问题

    Nginx鉴权、限流问题

    这篇文章主要介绍了Nginx鉴权、限流问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-06-06

最新评论