Font from origin 'http://img.***.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://***.com' is therefore not allowed access. The response had HTTP status code 403. (index):1
GET http://img.***.com/wp-content/themes/someone-v2/fonts/fontawesome-webfont.woff
Sudah dimuatkan
location ~* \.(eot|otf|ttf|woff|svg)$ {
add_header Access-Control-Allow-Origin *;
}
font-awesome.min.css:
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot');src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff') format('woff'),url('../fonts/fontawesome-webfont.ttf') format('truetype'),url('../fonts/fontawesome-webfont.svg') format('svg');font-weight:normal;font-style:normal}
Pelayar boleh mengakses fon ikon, dan halaman menggesa 403
Bagaimana untuk memecahkan ini?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Ini kerana anda telah menyediakan anti-pautan panas dalam ruang Qiniu, tetapi nama domain untuk mengakses fail css tidak ditetapkan dalam fungsi anti-pautan panas Akibatnya, perujuk imej yang diakses daripada fail css ialah nama domain css, yang tiada dalam senarai putih anti-pautan , jadi ia adalah 403 dilarang.
Pemeriksaan visual juga memerlukan pengepala Access-Control-Allow-Methods dan Access-Control-Allow-Headers