原因:CORS 头缺少 Access-Control-Allow-Origin 解决办法

2023-12-03 08:56:39

摘要：原因:CORS 头缺少 ‘Access-Control-Allow-Origin’ 解决办法，总结：我个人觉得最简单的方法莫过于前面两种方法了，如果看了此文章还有什么不明白的可以直接给我评论留言。

第一种方法：被请求页面加上下面的代码，最好content填写域名；

< meta http-equiv="Access-Control-Allow-Origin" content="*"     >

第二种方法：在请求控制器加上加上下面的代码；

header("Access-Control-Allow-Origin: *");

第三种方法：IIS、Apache、Nginx可以直接配置Access-Control-Allow-Origin 跨域，具体如下：

1、IIS配置：只需要在IIS添加HTTP响应标头即可！

Access-Control-Allow-Headers：Content-Type, api_key, Authorization
Access-Control-Allow-Origin：*

2、Apache配置：主要修改http.conf

<Directory "/Users/cindy/dev">
AllowOverride ALL
Header set Access-Control-Allow-Origin *
</Directory>

或者，修改Apache伪静态规则文件.htaccess

<IfModule mod_setenvif.c>
    <IfModule mod_headers.c>
        <FilesMatch "\.(cur|gif|ico|jpe?g|png|svgz?|webp)$">
            SetEnvIf Origin ":" IS_CORS
            Header set Access-Control-Allow-Origin "*" env=IS_CORS
        </FilesMatch>
    </IfModule>
</IfModule>

3、Nginx配置：主要是修改nginx.conf；

location ~* .(eot|ttf|woff|svg|otf)$ {
add_header Access-Control-Allow-Origin *;
}
上面的eot|ttf|woff|svg|otf，表示请求后缀类型，或者也可以直接写如下代码：

location / {
add_header Access-Control-Allow-Origin *;
}

总结：我个人觉得最简单的方法莫过于前面两种方法了，如果看了此文章还有什么不明白的可以直接给我评论留言。

你觉得这篇文章怎么样？

我们立足于合肥面向安徽乃至全国全球市场，我们拥有一支经验丰富、创意独到、团结协作的专业技术团队。我们立志把最好的技术通过最有效、最简单的方式提供给客户，为客户提供最佳的解决方案，我们将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，帮助客户在新经济时代下，把握商机和发展空间，并获得绝对的竞争力！我们专注于高端网站定制、系统开发、商城开发、外贸网站建设、公众号开发、小程序开发、网站优化推广、安全运维等技术领域。是高端定制网站领域著名服务商！

扫描二维码与小二CMS创始人沟通

7*24小时为您服务

小二CMS专注于高端网站定制、系统开发、商城开发、外贸网站建设、公众号开发、小程序开发、网站优化推广、安全运维等技术领域。是高端定制网站领域著名服务商！

本文标题：原因:CORS 头缺少 Access-Control-Allow-Origin 解决办法
免责声明：文章《原因:CORS 头缺少 Access-Control-Allow-Origin 解决办法》来至网络，文章表达观点不代表本站观点，文章版权属于原作者所有，若有侵权，请联系本站站长处理！

首页

服务

产品

方案

案例

资讯

演示

关于

原因:CORS 头缺少 Access-Control-Allow-Origin 解决办法