Блог

Главная - Вопросы по программированию - Firebase Хостинг полимера ERR_INSECURE_RESPONSE

Firebase Хостинг полимера ERR_INSECURE_RESPONSE

#firebase #polymer #firebase-hosting

#firebase #полимер #firebase-хостинг

Вопрос:

Спросите Firebase

Приложение хорошо работает на локальном хостинге, но при развертывании в firebase я получил значок и название вкладки с пустым экраном.

Ошибка на консоли: ПОЛУЧИТЬhttps://graphite-proton-861.firebaseapp.com/service-worker.js net::ERR_INSECURE_RESPONSE

Я последовал https://www.polymer-project.org/1.0/start/toolbox/deploy

Ответ №1:

Что у вас в firebase.json? Вам нужно будет указать правильный заголовок «Access-Control-Allow-Origin» (research CORS). Это то, что я использую в проекте, который может быть вызван из любого домена:

 {
  "firebase": "fiery-torch-XXXX-yourref",
  "headers": [ {
    "source" : "**",
    "headers" : [ {
      "key" : "Access-Control-Allow-Origin",
      "value" : "*"
    } ]
  } ],
  "public": ".",
  "ignore": [
    "firebase.json",
    "**/.*",
    "**/node_modules/**"
  ]
}

Комментарии:

1. У меня больше нет ошибок, но отображается пустая страница!

2. Я быстро просмотрел, и ваш файл / src / hoverboard-app равен 301? Вы не собираетесь обслуживать, например, / dist /? Ваш firebase json должен указывать, какой каталог обслуживать для размещения, например { «hosting»: { «public»: «dist» } }

3. мой общедоступный каталог «build / bundled»

4. Но вы (ваш скрипт …) отправляете запрос на ‘hoverboard-app’ из /src /? Извините, не знаю больше, но я бы сначала посмотрел на это: URL запроса: graphite-proton-861.firebaseapp.com/src/hoverboard-app.html в вашем интерфейсе: <link rel=»import» href=»/src/hoverboard-app.html » async=»»>