广告位联系
返回顶部
分享到

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

nginx 来源:互联网 作者:佚名 发布时间:2024-11-20 08:26:43 人浏览
摘要

修改配置文件 可通过如下配制进行多域名的设置。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 map $http_origin $corsHost { default 0; ~https://www.itbiancheng.com https://www.itbiancheng.com; ~http://love.itbiancheng.com http://love.itbianc

修改配置文件

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

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来解决,但是要么允许所有,要么允许单个的,都不能解决我的文件,经过一番查找找到了解决方法,

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

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;

   }

}


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 :
相关文章
  • Nginx的流式响应配置教程介绍
    Nginx的流式响应配置 Nginx的流式响应(streaming response)是指在Nginx作为反向代理服务器时,将响应内容一边接收,一边逐步发送给客户端的过
  • Nginx设置Access-Control-Allow-Origin多域名跨域实现

    Nginx设置Access-Control-Allow-Origin多域名跨域实现
    修改配置文件 可通过如下配制进行多域名的设置。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 map $http_origin $corsHost { default 0; ~https://www.itbiancheng.com https://
  • Nginx修复CORS漏洞的实现方法
    漏洞描述 CORS 不安全配置漏洞指的是在跨域资源共享过程中,由于资源服务器的响应头 Access-Control-Allow-Origin 配置不当导致本应该受限访问的
  • Nginx配置超时时间的排查方法
    如果在 Nginx 中设置了 keepalive_timeout、client_header_timeout 和 client_body_timeout 后仍然不起作用,可以尝试以下排查步骤: 1. 确认配置的生效范围
  • Nginx中配置防盗链的方法实现介绍
    在当今数字化的时代,网站内容就如同珍贵的宝藏,而盗链则像是可恶的盗贼,企图不劳而获地窃取这些宝藏。想象一下,您辛辛苦苦打造
  • Nginx只允许www域名访问并禁止裸域名访问的实现步
    在网站管理中,很多时候我们希望用户只能通过带有www的域名访问,而对于裸域名(即没有www前缀的域名)则禁止访问或进行重定向。这可
  • Nginx实现UDP四层转发的过程

    Nginx实现UDP四层转发的过程
    有2台云服务器,一台国内的、一台国外的,我本地网络直连国外的IP上VPN速率很慢。但是由于云服务器厂商有线路优化,国内的服务器到国
  • Nginx限流和流量控制的实现介绍
    Nginx 提供了强大的流量控制功能。限制客户端在特定时间段内的请求次数,以保护服务器资源,防止因过载而导致的性能下降甚至服务不可
  • Nginx服务器配置https安全协议的实现

    Nginx服务器配置https安全协议的实现
    一、简介 HTTP是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地
  • 深入理解Nginx中的sites-enabled目录
    Nginx 是一个高性能的 HTTP 服务器和反向代理服务器,广泛用于网站和应用的部署中。在 Nginx 的配置管理中,sites-enabled目录扮演了一个重要角
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计