Мой угловой проект не удалось загрузить, показывая политику безопасности контента, связанную с ошибкой

Мой код работал без сбоев, но после добавления проверки формы реакции он показывает следующее в браузере при создании проекта. Ошибка браузера и консоль

 **Index.html file**
 <!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Angular Routing</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>

 </html>

Я уверен, что в моем коде нет ошибок. Но я не знаю, как это решить. Есть ли кто-нибудь, кто может помочь мне понять мою проблему и решить ее?


angular content-security-policy react-forms angular-forms
person Petros Belachew    schedule 26.02.2021    source источник

Ответы (3)


arrow_upward
0
arrow_downward

обратитесь к этому вопросу в stackoverflow. Возможно, вы сказали, что можете загружать скрипты только со своего собственного сайта (я). Вам нужно изменить это в теге <meta http-equiv= ...>

person spykid10005    schedule 26.02.2021
comment
У меня нет метатега такого типа в моем индексном файле - person Petros Belachew; 26.02.2021

arrow_upward
0
arrow_downward

Проверьте, есть ли у вас тег <meta http-equiv="Content-Security-Policy" content="..." > в индексном файле.

Удалите его и снова перезагрузите страницу.

person mudgal    schedule 26.02.2021
comment
У меня нет такого типа метатега. - person Petros Belachew; 26.02.2021
comment
Проверьте, нормально ли работает команда ng serve --prod. - person mudgal; 26.02.2021
comment
проверить, но не работает. - person Petros Belachew; 27.02.2021

arrow_upward
0
arrow_downward

Cannot GET / — похоже, у вас нет маршрута к / на сервере или отсутствует файл /favicon.ico.
Некоторые серверы с NodeJS не будут автоматически обслуживать файлы в корневом каталоге. Если ресурс не найден (страницы «404 Not found»), запустите NodeJS finalhandler, самое главное здесь. Последние версии этого finalhandler публикуют CSP default-src 'none', поэтому это вызывает нарушение CSP, например:

Refused to load the image 'http://localhost:xxxx/favicon.ico' because it violates the following Content Security Policy directive: "default-src 'none'"

Предыдущие версии finalhandler имели CSP default-src 'self', поэтому вы видели только 404 Not found без сопровождения ошибки CSP.
Та же ошибка возникает, когда миграция на Angular 8, так как он использует NodeJS с последней версией finalhandler.

Проверьте, присутствует ли файл http://localhost/favicon.ico, и есть ли у вас маршрутизация для обслуживания файлов в корневом каталоге /.

person granty    schedule 27.02.2021
comment
Файл уже существовал в моем каталоге. Но при открытии с localhost/favicon.ico он не открывается . - person Petros Belachew; 27.02.2021
comment
Вам нужно указать номер порта, например localhost:4200/favicon.ico или какой номер порта вы используете на сервере. Если вы получаете 404 not found - маршрут к /на сервере отсутствует. Я не знаю, что вы используете в качестве сервера, но Express, например, не обслуживает корневую папку по умолчанию. Для Express вам нужно добавить app.get("/favicon.ico", (req, res) => { res.sendFile(path.resolve(__dirname, "/favicon.ico")); });. Проверьте, обслуживаете ли вы маршрут до / на своем сервере. - person granty; 27.02.2021