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

2020-04-16 19:31:23

字体：大中小

来源：转载

供稿：网友

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解决cookie跨域访问的方法用jQuery与JSONP轻松解决跨域访问的问题jQuery 跨域访问问题解决方法Ajax实现跨域访问的三种方法Javascript 跨域访问解决方案js iframe跨域访问(同主域/非同主域)分别深入介绍Ajax 设置Access-Control-Allow-Origin实现跨域访问jquery下利用jsonp跨域访问实现方法JQuery Ajax 跨域访问的解决方案AJAX javascript的跨域访问执行解决AJAX中跨域访问出现''没有权限''的错误Python的Django应用程序解决AJAX跨域访问问题的方法AJAX的跨域访问-两种有效的解决方法介绍深入浅析同源策略和跨域访问关于Iframe如何跨域访问Cookie和Session的解决方法js实现跨域访问的三种方法AJax与Jsonp跨域访问问题小结jquery 跨域访问问题解决方法(笔记)浅谈Ajax跨域Session和跨域访问

上一篇：2018即将推出的Apache Spark 2.4都有哪些新功能

下一篇：Apache下ModSecurity的安装启用与配置

学习交流

网站常见问题汇总

网站常见问题汇总...

热门图片

猜你喜欢的新闻

猜你喜欢的关注