宝塔解决bootstrap-icons和font-awesome二级域名跨域显示错误的解决办法

熊很闲

于 2023-05-16 14:42:56 发布

阅读量692

点赞数

CC 4.0 BY-SA版权

文章标签： bootstrap apache java

本文链接：https://blog.csdn.net/weixin_41952801/article/details/130705320

文章介绍了如何在Apache和Nginx服务器上通过修改配置文件解决跨域请求的问题。对于Apache，需在配置文件末尾添加FilesMatch规则，设置Access-Control-Allow-Origin为*。而对于Nginx，应在站点配置文件底部加入location规则，同样设置Access-Control-Allow-Origin，并包含其他相关Header字段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、先来说下apache的解决办法

在宝塔找到对应的站点的apache配置文件

然后再末尾加入：

<FilesMatch "\.(ttf|otf|eot|woff|svg|woff2)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

就可以解决

二、下面来说下ngnix下的解决办法

同理在宝塔找到对应的站点配置文件如图，

然后再底部加入如下代码即可：

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|flv|mp4|ico|ttf|otf|eot|woff|svg|woff2)$ {
#允许跨域请求
add_header Access-Control-Allow-Origin '*';
add_header Access-Control-Allow-Headers X-Requested-With;
add_header Access-Control-Allow-Methods GET,POST,OPTIONS;

expires 30d;
access_log off;
}

完结，感谢收看。