1. apache靜態(tài)資源跨域訪問(wèn)

找到apache配置文件httpd.conf

找到這行

#LoadModule headers_module modules/mod_headers.so

把#注釋符去掉

LoadModule headers_module modules/mod_headers.so

目的是開(kāi)啟apache頭信息自定義模塊

在獨(dú)立主機(jī)配置文件中新增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

意思是對(duì)這個(gè)域名的資源進(jìn)行訪問(wèn)時(shí)，添加一個(gè)頭信息

重啟apache

service httpd restart

2. nginx靜態(tài)資源允許跨域訪問(wèn)

同理 找到相應(yīng)域名配置文件

在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

通過(guò)以上方法配置完后，再次跨域訪問(wèn)靜態(tài)資源就沒(méi)有問(wèn)題了

以上既是nginx/apache靜態(tài)資源允許跨域訪問(wèn)解決方法