title: How to add Access-Control-Allow-Headers in wampserver 3
body: <p>i am trying to access to XMLHttpRequest with my ionic app on localhost:8100/ to laravel API host on wampserver 3.1.7 32 bit.</p>
  
  <p>I already did in wamp</p>
  
  <p>1 : httpd.conf : I changed "#LoadModule headers_module modules/mod_headers.so" to "LoadModule headers_module modules/mod_headers.so".</p>
  
  <p>2 : httpd.conf : I add : </p>
  
  <pre><code>&lt;IfModule mod_headers.c&gt;
  Header set Access-Control-Allow-Origin: *
  &lt;/IfModule&gt;
  </code></pre>
  
  <p>3 in httpd-vhosts.conf : I add "Header set Access-Control-Allow-Origin "*"" in </p>
  
  <pre><code>&lt;VirtualHost *:80&gt;
   ServerName localhost
   ServerAlias localhost
   DocumentRoot "${INSTALL_DIR}/www"
   &lt;Directory "${INSTALL_DIR}/www/"&gt;
    Options +Indexes +Includes +FollowSymLinks +MultiViews
     Header set Access-Control-Allow-Origin "*"
     AllowOverride All
     Require local
    &lt;/Directory&gt;
  &lt;/VirtualHost&gt;
  </code></pre>
  
  <p>And I still get this error when I tried to make an ajax request between ionic to laravel : </p>
  
  <pre><code> Access to XMLHttpRequest at 'http://localhost/cn/public_html/api/auth/login' from origin 
   'http://localhost:8100' has been blocked by CORS policy: Request header field content-type is not 
   allowed by Access-Control-Allow-Headers in preflight response.
  </code></pre>