1. apache靜態(tài)資源跨域訪問
找到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靜態(tài)資源允許跨域訪問
同理 找到相應域名配置文件
在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
通過以上方法配置完后,再次跨域訪問靜態(tài)資源就沒有問題了
以上既是nginx/apache靜態(tài)資源允許跨域訪問解決方法