【问题标题】:Ionic background Image not Showing?离子背景图像不显示?
【发布时间】:2018-09-03 06:59:49
【问题描述】:

这是我使用的 scss 代码..

.scroll-content{
    background-image: url("assets/imgs/bkgnd.png") !important;
}

显示以下错误..

ion-dev.js?v=3.1.8:250 Refused to load the image 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAACWFBMVEUAAABPpf9Ck/80f/9Qpv9Bkf9Qpf81gP81f/9Qpf81gP81f/9Ppf9Qp/80f/81gP9DlP9Qpv80f/82gf81f/9Qpv81gP81f/9Rp/ 9Nov83g/9Ppv82gv9Nov9Qpv81f/82gP9Ppf9Ppf81gP9Rp/9Qpv9Qpv9Ppf9Qpv81f/82gf9Oov83gv9Nof9Rp/9Nof80f/9Oov83gv9PpP9Nov83g/82gP82gP////9Qpv83g/9PpP86hv9Oo/81f/84hf82gf81gP88if9JnP9Nof9Imv89i/9GmP9Knf9Dlf80fv86iP9Ckf9MoP9Lnv9Ln/9Flv9Rp/9Hmf8+jP8+jf8/jv9BkP9Aj/9Ck/9Bkf/8/v/+/v /u9v/5/P/1+v/o8v/r9P/w9v/m8f/3+//y+P/c6/8+iP9HlP/7/P/f7f/j7//a6f9Rn...vbjNs4+4+ SzlUKXfXjuZiNs/Fbl9eWoL4Face4A7t1OYnm8QuzKP2/1YkbDgLN48m0788YWvez2qMsaTqXSPt+YhcotLVw7+Efv1bluEjoAgWCV1hcbWtZz1L7TNN3jPU58ohdYUH4EpG6/OXSifR4GSS+0GSZeweNeUQvESF/jUtdbP5Q6VSxyZqm16jkcrVcpYm/5W7y5KqyGPPyebjG5WWhX6Qj+KuMhH+ZlHCv8zrwX7lQTfBX2gn+UkHhX+sozIs13/svXW0q/MtlBX+9r/AvWBb+FdeCv2Rc+Ne8C/+iffdieloIAC/tE0H1zOuBD/DaIRGLXvg40AE+ekHErhOHAxng1bMin9r3beACvLlPxEXPPx2YAAfOijhq/7GDgQdw9Kv9Iu56+XhwYAEcefcpkZ968e1TgQJw8q0gEYr2n /j yw38f4MwXQU+J0PXMN8c/fuP0wVN7D3DykzOfffR10CERu/4GltYY/Gjw6lkAAAAASUVORK5CYII=' 因为它违反了以下内容安全策略指令:“default-src *”。请注意,'img-src' 没有显式设置,因此 'default-src' 用作备用。

【问题讨论】:

    标签: angular ionic-framework ionic3


    【解决方案1】:

    更新:

    对于图片来说,这应该足够了:

    <meta http-equiv="Content-Security-Policy" content="img-src 'self'">
    

    查看here了解更多详情。

    旧答案: 您的 index.html 中是否设置了以下元标记?

    <meta http-equiv="Content-Security-Policy" content="img-src 'self' data:; default-src 'self' http://XX.XX.XX.XX:8084/mypp/">
    

    这是一个问题的现有答案:https://stackoverflow.com/a/32166921/3354409

    【讨论】:

    • 你能解释一下为什么我们会使用XX.XX.XX.XX:8084/mypp,它会出错。
    • 这只是允许的URL,你可以试试*,它不安全但足以满足开发目的。
    • EvalError: 拒绝将字符串评估为 JavaScript,因为 'unsafe-eval' 不是以下内容安全策略指令中允许的脚本来源:“default-src 'self' *”。跨度>
    • 请使用这个:&lt;meta http-equiv="Content-Security-Policy" content="img-src 'self'"&gt;
    猜你喜欢
    • 2016-07-11
    • 2015-06-21
    • 2010-12-19
    • 1970-01-01
    • 2012-10-16
    • 2012-12-11
    • 2016-08-19
    • 2016-06-11
    • 2015-12-10
    相关资源
    最近更新 更多