Это может быть недосмотр, но я использую firebase и настраиваю файл firebase.json, который представляет собой смесь автогенерации и копирования блока заголовков из документации Firebase. Проблема в том, что мои шрифты отказывают мне в доступе, даже если мой файл выглядит так:
{
"firestore": {
"rules": "firestore.rules",
"indexes": "firestore.indexes.json"
},
"hosting": {
"public": "build",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
],
"headers": [
{
"source" : "**/*.@(eot|otf|ttf|ttc|woff)",
"headers" : [{
"key" : "Access-Control-Allow-Origin",
"value" : "*"
}]
}, {
"source" : "**/*.@(jpg|jpeg|gif|png|svg)",
"headers" : [{
"key" : "Cache-Control",
"value" : "max-age=7200"
}]
}]
},
"storage": {
"rules": "storage.rules"
}
}
Это ошибка CORS, которую я получаю:
Access to Font {Firebase font url}. {Firebase font url} from origin {Firebase project url} has been blocked by CORS policy. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin {Firebase project url} is therefore not allowed access.
Боковое примечание: у меня есть папка изображений, в которую я могу загружать их нормально. Есть ли в шрифтах что-то, что требует большего внимания?
Заменил изображение текстом ошибки

Firebase представила новую функцию / инструмент, который заставляет пользователей обновлять настройки CORS для Google Storage. Я нашел ответ на этот вопрос StackOverflow. Firebase Storage и Access-Control-Allow-Origin
Пожалуйста, не показывайте изображения кода и ошибок. Гораздо лучше скопировать текст в вопрос, чтобы его было легко читать и искать.