给apache添加响应头Access-Control-Allow-Origin，解决网站跨域问题

以下以wampserver配置的本地服务器为例，给apache添加响应头Access-Control-Allow-Origin，解决网站跨域问题。

在调试代码时，可能会出现浏览器拦截请求即CORS跨域问题，显示缺少响应头Access-Control-Allow-Origin，详情请参见9种常见的前端跨域解决方案（详解）

1. 如图所示找到apache中的headers_modulemo并勾选

2. 待wampserver重新启动之后，找到httpd.config,并打开，在合适的地方添加下列代码：

Header set Access-Control-Allow-Origin *

即 Header set + 头名 + 头值，其中*表示接受任意域名的请求，也可指定域名

其他可选的相关的头如下：

Access-Control-Allow-Credential  # 其值为布尔型，表示是否允许发送cookie

Access-Control-Expose-Headers # 用于使XMLHttpRequest对象的getResponseHeader()方法可获取除基本字段之外的值

上述方法也可用于添加其他的自定义头

3. 重启wampserver的所有服务即可

上述拙见如有谬误，敬请斧正！

此致

【参考文章】

[1] 小铭子.9种常见的前端跨域解决方案（详解）[EB/OL].慕课网(https://www.imooc.com/article/291931)，2019-09-02

如有侵权请联系删除