无法在重新加载页面上获取 /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”,因为它违反了以下内容安全策略的主要内容,如果未能解决你的问题,请参考以下文章
无法在没有页面重新加载的情况下获取套接字数据,并与下面的代码做出反应
不安全登录被阻止:您无法获取访问令牌或从不安全页面登录到此应用程序。尝试将页面重新加载为 https://
当 window.location=self.location 不起作用时通过 AJAX 重新加载页面