无法在重新加载页面上获取 /login Angular 8 - 拒绝加载图像“/favicon.ico”,因为它违反了以下内容安全策略

Posted

技术标签:

【中文标题】无法在重新加载页面上获取 /login Angular 8 - 拒绝加载图像“/favicon.ico”,因为它违反了以下内容安全策略【英文标题】:Cannot GET /login on reload pages Angular 8 - Refused to load the image '/favicon.ico' because it violates the following Content Security Policy 【发布时间】:2020-03-18 13:57:52 【问题描述】:

出现此错误无法在页面正文上获取登录名/。如何在最新的 Angular 8 应用程序中修复此错误。我已经尝试了论坛中的所有解决方案,但没有运气。任何建议将不胜感激。

请注意ng serve, ng biuld --prod 中没有编译错误。下面是 chrome 控制台错误。此错误仅发生在服务器 url 上,不在 localhost 中。

拒绝加载图像“serverUrL/favicon.ico”,因为它 违反以下内容安全策略指令:“default-src 'none'"。请注意,'img-src' 没有明确设置,所以 'default-src' 用作后备。

【问题讨论】:

【参考方案1】:

试试这个..

方法一

清理缓存(npm cache clean --force) 删除 node_modules 文件夹 (rm -rf node_modules) 删除 package-lock.json 文件 (rm -f package-lock.json) 执行全新安装 (npm install)

方法二

更新 nodejs

方法3

在 index.html 的 head 部分更新以下代码

<meta http-equiv="Content-Security-Policy" content="default-src 'self'
https://yourdomain.com;">

内容安全策略 (CSP)

CSP 指令:default-src

CSP 值:‘self’(将源限制为同源)

参考文献

More at Github Angular repo

About Content Security Policy

【讨论】:

以上是关于无法在重新加载页面上获取 /login Angular 8 - 拒绝加载图像“/favicon.ico”,因为它违反了以下内容安全策略的主要内容,如果未能解决你的问题,请参考以下文章

无法传递参数以加载JSTree(重新渲染)

无法在没有页面重新加载的情况下获取套接字数据,并与下面的代码做出反应

不安全登录被阻止:您无法获取访问令牌或从不安全页面登录到此应用程序。尝试将页面重新加载为 https://

当 window.location=self.location 不起作用时通过 AJAX 重新加载页面

页面用jquery的load()方法加载新页面之后怎么返回上一页

如何在 Nest API iOS 中成功注销后重新加载登录页面