如何在apache2中允许跨域请求

Question

这是我的配置文件。

<VirtualHost *:80>
    ServerAdmin webmaster@localhost
    ServerName localhost:80
    DocumentRoot /var/www/XXX
    <Directory />
        Options None
        AllowOverride None
        Order deny,allow
        Deny from all
    </Directory>
    <Directory /var/www/qvbn-app-web-ctrl>
        Options FollowSymLinks
        AllowOverride AuthConfig FileInfo
        Order allow,deny
        Allow from all
        Header set Access-Control-Allow-Origin "*"
    </Directory>
    ErrorLog ${APACHE_LOG_DIR}/error.log
    LogLevel warn
    CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

当我尝试重新加载 apache2 时，iT 给出错误：

   Invalid command 'Header', perhaps misspelled or defined by a module not included in the server configuration
    Action 'configtest' failed.

我不知道如何启用 CORS。我跟着这个： http://enable-cors.org/server_apache.html

Answer 1

OS=GNU/Linux Debian
Httpd=Apache/2.4.10

/etc/apache2/apache2.conf 中的更改

<Directory /var/www/html>
     Order Allow,Deny
     Allow from all
     AllowOverride all
     Header set Access-Control-Allow-Origin "*"
</Directory>

添加/激活模块

 a2enmod headers 

重启服务

/etc/init.d/apache2 restart

Answer 2

首先在您的服务器上启用mod_headers，然后您可以在Apache conf 和.htaccess 中使用header 指令。

1. 启用mod_headers

• a2enmod headers

1. 在.htaccess文件中配置头文件

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

Answer 3

在 httpd.conf 中

1. 确保这些已加载：

LoadModule headers_module modules/mod_headers.so

LoadModule rewrite_module modules/mod_rewrite.so

1. 在目标目录中：

<Directory "**/usr/local/PATH**">
    AllowOverride None
    Require all granted

    Header always set Access-Control-Allow-Origin "*"
    Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS, DELETE, PUT"
    Header always set Access-Control-Allow-Headers "x-requested-with, Content-Type, origin, authorization, accept, client-security-token"
    Header always set Access-Control-Expose-Headers "Content-Security-Policy, Location"
    Header always set Access-Control-Max-Age "600"

    RewriteEngine On
    RewriteCond %{REQUEST_METHOD} OPTIONS
    RewriteRule ^(.*)$ $1 [R=200,L]

</Directory>

If running outside container, you may need to restart apache service.

Answer 4

将以下内容放入站点的 .htaccess 文件（在 /var/www/XXX 中）：

Header set Access-Control-Allow-Origin "*"

而不是 .conf 文件。

你也会想要使用

AllowOverride All

在域的 .conf 文件中，以便 Apache 查看它。

Answer 5

对我有用的 Ubuntu Apache2 解决方案 .htaccess 编辑对我不起作用，我不得不修改 conf 文件。

nano /etc/apache2/sites-available/mydomain.xyz.conf

我的配置允许 CORS 支持

<IfModule mod_ssl.c>
    <VirtualHost *:443>

        ServerName mydomain.xyz
        ServerAlias www.mydomain.xyz

        ServerAdmin support@mydomain.xyz
        DocumentRoot /var/www/mydomain.xyz/public

        ### following three lines are for CORS support
        Header add Access-Control-Allow-Origin "*"
        Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
        Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

        ErrorLog ${APACHE_LOG_DIR}/error.log
        CustomLog ${APACHE_LOG_DIR}/access.log combined

        SSLCertificateFile /etc/letsencrypt/live/mydomain.xyz/fullchain.pem
        SSLCertificateKeyFile /etc/letsencrypt/live/mydomain.xyz/privkey.pem

    </VirtualHost>
</IfModule>

然后键入以下命令

a2enmod 标头

在尝试之前确保缓存已清除

Answer 6

在 Apache2 中启用 mod_headers 以便能够使用 Header 指令：

a2enmod headers

Answer 7

我在让它工作时遇到了很多麻烦。傻瓜，不要忘记旧页面 - 即使是子请求 - 也会缓存在您的浏览器中。也许很明显，但请清除您的浏览器缓存。之后，也可以使用Header set Cache-Control "no-store"这对我测试时很有帮助。

Answer 8

您也可以将以下代码放入 htaccess 文件中，以允许 CORS 使用 htaccess 文件

    ######################## Handling Options for the CORS
    RewriteCond %{REQUEST_METHOD} OPTIONS
    RewriteRule ^(.*)$ $1 [L,R=204]

   ##################### Add custom headers
   Header set X-Content-Type-Options "nosniff"
   Header set X-XSS-Protection "1; mode=block"
   # Always set these headers for CORS. 
   Header always set Access-Control-Max-Age 1728000
   Header always set Access-Control-Allow-Origin: "*"
   Header always set Access-Control-Allow-Methods: "GET,POST,OPTIONS,DELETE,PUT"
   Header always set Access-Control-Allow-Headers: "DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,C$
   Header always set Access-Control-Allow-Credentials true

为了提供信息，您还可以查看这篇文章http://www.ipragmatech.com/enable-cors-using-htaccess/，它允许 CORS 标头。