Detailed explanation of solving the problem of cross-domain access of nginx/apache static resources

1. Apache static resource cross-domain access

Find the Apache configuration file httpd.conf

Find this line

#LoadModule headers_module modules/mod_headers.so

Remove the # comment character

LoadModule headers_module modules/mod_headers.so

The purpose is to enable the Apache header information custom module

Add a new header to the standalone host configuration file

Header set Access-Control-Allow-Origin *

For example:

<VirtualHost *:88>
 ServerAdmin [email protected]
 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

This means adding a header when accessing resources on this domain name.

Restart apache

service httpd restart

2. nginx static resources allow cross-domain access

Similarly, find the corresponding domain name configuration file

Add configuration in the server module:

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


example:

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

nginx reload

./nginx -s reload

After configuring through the above method, there is no problem in accessing static resources across domains again

The above is the solution to allow cross-domain access to nginx/apache static resources