新闻详情
原因:CORS 头缺少 ‘Access-Control-Allow-Origin’ 解决办法...
来自 : www.fujieace.com/html/co...htm
发布时间:2021-03-24
原因:CORS 头缺少 Access-Control-Allow-Origin 解决办法
今天在在跨域调试网站注册功能的时候,提示如下错误:
已拦截跨源请求:同源策略禁止读取位于 https://www.fujieace.com/wp-content/themes/fujie/css/fonts/fontawesome-webfont.woff2?v=4.4.0 的远程资源。(原因:CORS 头缺少 \'Access-Control-Allow-Origin\')。[详细了解]已拦截跨源请求:同源策略禁止读取位于 https://www.fujieace.com/wp-content/themes/fujie/css/fonts/fontawesome-webfont.woff?v=4.4.0 的远程资源。(原因:CORS 头缺少 \'Access-Control-Allow-Origin\')。[详细了解]已拦截跨源请求:同源策略禁止读取位于 https://www.fujieace.com/wp-content/themes/fujie/css/fonts/fontawesome-webfont.ttf?v=4.4.0 的远程资源。(原因:CORS 头缺少 \'Access-Control-Allow-Origin\')。[详细了解]解决办法:
其实,解决这个办法有很多,我博客曾经也发表过“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, AuthorizationAccess-Control-Allow-Origin:*
2、Apache配置:主要修改http.conf
Directory \"/Users/cindy/dev\" AllowOverride ALLHeader 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 *; }
总结:我个人觉得最简单的方法莫过于前面两种方法了,如果看了此文章还有什么不明白的可以直接给我评论留言。
猜你还需要看:
本文链接: http://unicros.immuno-online.com/view-709966.html
发布于 : 2021-03-24
阅读(0)
最新动态
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
2021-03-24
品牌分类
其他
联络我们