解决nginx/apache静态资源跨域访问问题详解

服务器 2025/1/23 佚名

2 0 1

天枫庄资源网 Design By www.wosibo.com

1. apache静态资源跨域访问

找到apache配置文件httpd.conf

找到这行

#LoadModule headers_module modules/mod_headers.so

把#注释符去掉

LoadModule headers_module modules/mod_headers.so

目的是开启apache头信息自定义模块

在独立主机配置文件中新增header

Header set Access-Control-Allow-Origin *

例如:

<VirtualHost *:88>
 ServerAdmin admin@example.com
 DocumentRoot "****************"
 ServerName www.jb51.com
 Header set Access-Control-Allow-Origin *

 ErrorLog "***********"
 CustomLog "****************************" common
<Directory "**************">
 SetOutputFilter DEFLATE
 Options FollowSymLinks ExecCGI
 Require all granted
 AllowOverride All
 Order allow,deny
 Allow from all
 DirectoryIndex index.html index.php
</Directory>
</VirtualHost>
ApacheCopy

意思是对这个域名的资源进行访问时，添加一个头信息

重启apache

service httpd restart

2. nginx静态资源允许跨域访问

同理找到相应域名配置文件

在server模块中添加配置：

add_header ‘Access-Control-Allow-Origin' ‘*';

例：

server {
    listen    80;
    add_header 'Access-Control-Allow-Origin' '*';
    location /Roboto/ {
      root  /home/images;
      autoindex on;
    }
  }

nginx重载

./nginx -s reload

通过以上方法配置完后，再次跨域访问静态资源就没有问题了

以上既是nginx/apache静态资源允许跨域访问解决方法

nginx,跨域访问,apache,跨域访问,静态资源跨域访问

标签：

nginx,跨域访问,apache,跨域访问,静态资源跨域访问

天枫庄资源网 Design By www.wosibo.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

天枫庄资源网 Design By www.wosibo.com

评论“解决nginx/apache静态资源跨域访问问题详解”

暂无解决nginx/apache静态资源跨域访问问题详解的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2025年01月23日

解决nginx/apache静态资源跨域访问问题详解

nginx,跨域访问,apache,跨域访问,静态资源跨域访问

Docker内如何访问本机(宿主机)的具体方法

Ubuntu下Sublime Text无法输入中文最简单的解决方案

评论“解决nginx/apache静态资源跨域访问问题详解”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接