如何在 wampserver 3 中添加 Access-Control-Allow-Headers

Question

我正在尝试使用我在 localhost:8100/ 上的离子应用访问 XMLHttpRequest 到 laravel API wampserver 3.1.7 32 位上的主机。

我已经在 wamp 中做过了

1 : httpd.conf : 我将“#LoadModule headers_module modules/mod_headers.so”更改为 "LoadModule headers_module modules/mod_headers.so".

2 : httpd.conf : 我加 :

<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin: *
</IfModule>

3 在 httpd-vhosts.conf 中：我在

中添加 "Header set Access-Control-Allow-Origin "*""

<VirtualHost *:80>
 ServerName localhost
 ServerAlias localhost
 DocumentRoot "${INSTALL_DIR}/www"
 <Directory "${INSTALL_DIR}/www/">
  Options +Indexes +Includes +FollowSymLinks +MultiViews
   Header set Access-Control-Allow-Origin "*"
   AllowOverride All
   Require local
  </Directory>
</VirtualHost>

当我尝试在 ionic 和 laravel 之间发出 ajax 请求时，我仍然遇到此错误：

 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.

Answer 1

你可以使用这个包：

laravel-cors

希望能帮到你

如何在 wampserver 3 中添加 Access-Control-Allow-Headers

How to add Access-Control-Allow-Headers in wampserver 3

wampserver

cors

laravel

ionic-framework