nginx中access-control-allow-origin 字体跨域配置方法
程序员文章站
2022-05-23 09:09:46
...
今天在使用外部调用bootstrap图标字体的时候
报了如下错误:
Font from origin 'http://www.scutephp.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://w.scutephp.com' is therefore not allowed access.
在nginx.conf中配置
location ~* \.(eot|ttf|woff|woff2|svg)$ { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers X-Requested-With; add_header Access-Control-Allow-Methods GET,POST,OPTIONS; }
这样就可以实现GET,POST,OPTIONS的跨域请求的支持
也可以 add_header Access-Control-Allow-Origin --指定允许的url;
Cross-Origin Resource Sharing设置查看
下一篇: 利用H5制作一个倒计时demo的实例教程
推荐阅读
-
Vue中跨域及打包部署到nginx跨域设置方法
-
nginx静态资源服务配置了Access-Control-Allow-Origin等属性,部分请求还是会出现跨域的问题
-
nginx 配置跨域失效修复的方法示例
-
Nginx配置跨域请求Access-Control-Allow-Origin * 详解
-
通过Nginx代理转发配置实现跨域的方法(API代理转发)
-
Nginx服务器中处理AJAX跨域请求的配置方法讲解
-
nginx中access-control-allow-origin 字体跨域配置方法
-
nginx中access-control-allow-origin 字体跨域配置方法
-
nginx中配置跨域支持功能
-
nginx中配置跨域支持功能