Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React将背景url转换为base64映像_Javascript_Reactjs - Fatal编程技术网

Javascript React将背景url转换为base64映像

Javascript React将背景url转换为base64映像,javascript,reactjs,Javascript,Reactjs,我是React新手,现在我在项目的最后一个版本中使用SCS。在我的SCSS文件中,我有 display: flex; flex-direction: column; justify-content: space-between; background: url(../../assets/img/comp-img/game-box-bg.png) no-repeat 100% 100%; 并且myComponent.jsx将使用已安装的节点sass包导入此SCSS文件。 问题是,当我检查图元时,

我是React新手,现在我在项目的最后一个版本中使用SCS。在我的SCSS文件中,我有

display: flex;
flex-direction: column;
justify-content: space-between;
background: url(../../assets/img/comp-img/game-box-bg.png) no-repeat 100% 100%;
并且myComponent.jsx将使用已安装的节点sass包导入此SCSS文件。 问题是,当我检查图元时,我在浏览器中看到以下结果:

背景图像:url(数据:图片/png;base64,IVBORW0KGGOAAAANSUHUEUGAAGYAAACQCAAAD6FB5MAABHNCSVQICAGIFAHKIAAAB3NJREFUEF7TNC+LHUUUUUQX6SWERUOMAKOSHIGGIECEEBQQ/mkL/Z6X6YHZ2SYA4BMOARJHA5TDBKML39ATZP/Z5K13VDDMZZZ6UBZCOMQRM+5n+VD3TZRTZRTZRXIHGRD5VPZSKTEI6BIRVFYPLY+K2ZMOTAI8M9L76H/K8X8K8K8KKKKKKKKJ2KFYKFYKFYKZ2KFYKZY+KFYKZY+KZZZ2KZ2KZ2KZYYKZZ2KZY+K研究结果表明,他们的研究结果表明,他们的研究结果表明,他们的研究结果表明,他们的研究结果是,他们的研究结果+他们的研究结果是,他们的研究结果是,他们的研究结果是,他们的研究结果是,他们的研究结果是,他们的研究结果是,他们的研究结果是,他们的研究结果是,他们的研究结果是,他们的研究结果是,他们的研究结果是,他们的研究结果是,他们的研究结果是,他们的研究结果是,他们的一个中国的一个中国的一个中国政府的一个中国政府的一个中国的一个中国政府部门,他们的一个中国的一个中国的一个中国政府的一个中国的一个中国政府,一个中国的一个中国的一个中国的研究工作是一个中国政府,一个中国的政府的一个中国的政府,一个中国的一个中国的政府,一个中国的一个中国的一个中国的政府,一个中国的政府,一个中国的政府的政府的lmermlemprzjtto2s研究结果表明,这一研究成果是一个非常大的研究成果。这一研究成果是一个非常大的研究成果,是一个新的研究成果,或者是一个新的研究,或者是一个WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWGGGGGZZZZZZZ8 8 8 8 8。一个GGGZZZZZZZZZZ8 8 8 8 8 8 8 8 8 8。一个GGGG8。一个GGG8。一个GGG8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8++jmVjisJyHtDGa0JDNob2.一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,在一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一方面,一QALCJBTX9ZF8G3/ru2.一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国政府,一个中国的PFXJKH12)ZZGGGGGGGGGZZGGGGGGGGGGGGGGZGGGGGGGGGGGGZZZGGGGGZZZZZZZZZZZZZGGGGGZZZZZZZZZZZZZZZZZZZZZGGGZZZZZZZZZZZZZZVVVVVVVVV4+ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZVVVVVVVVVVVVVZZZZZZVVVVVVVVVVVVVVVVVVVVVVVVVVVVV4 4 4 4/4/4/4 4 4/4/NFGGVVVVVVVVVVVVVVVVVVVZZZZZZZZZSSMIWZ8o4CQwacyCA9k0DX6M8idCuRCSGbMREYzuMcovvbDH8EGp8T7a7Swx6ZBN7fGFEXrJfLumgNE2+Bhaz4sysyozcflgmKuaygyyal

为什么React会自动将图像url转换为基本64


我做错了什么???

为什么这是一个问题?它为您节省了一个网络请求。我只是好奇您为什么要删除它。这是一个网页问题,而不是react问题。您应该能够在您的网页中禁用它config@JonasGrumann下次用户访问默认的网页包配置时,浏览器是否将其缓存(由create react app使用)使用并有一个10.000字节的限制,在此限制下它被认为是可嵌入的。切换到文件加载器,降低限制或将编码设置为false以查看实际url。@ArianShahalami我明白了,这是一个缓存问题,我认为浏览器不会缓存它