微信小程序 the server responded with a status of 404 错误解决方法

微信小程序开发,刚刚接触这个小程序,遇到了题目中的问题,也就是在WXSS中无法使用background-image这个功能

后来经过各种查终于找到了解决方法。

首先官方给的说明是background-image:可以使用网络图片,或者 base64,或者使用<image/>标签

但是我是新手并不知道这个具体代码怎么写,因此在这里网络图片不知道怎么用,base64也不清楚是什么的情况下我只能慢慢摸索。然后第三种<image/>我也不清楚怎么用,因为我是在 .wxss文件里面遇到的问题。


最后呢我是通过这样的语句解决的

 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAgCAIAAAAE+BZUAAAFnUlEQVRYCa1WXWtcVRS9986dJpNMmgn5pCqKFb9AEcUG8iAUFATxzR/hX/DJJ/+HKPgLCkJFxGp9q4oGiygW25pq2iSm02SczGSue62197k3qY+eyZyz99prr73PuR+T/NKnn2VVlWV5xlFlZsdIpoIVeI0h32KnYFFOkes8ptVZ+cU33qYAE9zCksqhp/gQx+SfoCmPIKBEq4VOYiJIpZzqdCxF9XxO8i4ZmrVKYlhGQk029RClsUa6FyHLQUBlbuePQ85BzDkDYapCVYUjMwC0hweTyWBOQ0d8JCo5N3m2gQVCKJiXE2xD5wGMERJoIgRPK7doQMNjlAzlWkgazAO3qaoYoSRaTiagRWWj04vCrNlQgT4EwOIXvStfu2AwSMEMSmrSU5GYlUkRbTiVSxQw1A/PYF0llA/Vk4WTNBnisI66rBNlIblEG/ZBdRWmGwnAqmrCkKmDqZB3m3iMeKrTIIoUTJ7kLBGI251Y8TLUIalEHRTkqGXULTQRVJV6pQWyf6MLkhNbBmLWgd2J4Ke59lDZPLWUKPBFrkPOCaYHkluLI0Ilg6CD4rgPIKgv46hMKrAoZ3aeiGRHKDggy67zaAHURwE7dCmRbx0AaKgRFiVVB1ZldjfULRFiostDAjTNBrrJ1SPYswhI96Gn0Z0g1lLN3oXycYgDBmTDy8aC8t4PQiTrxNmev9mMxFdWCbJEkgAh9yJoGOHM9kFMdSOVseir0REawGB2TMmjYWcwQTo7behIjRSfpOMbeogJdWegHp/gJIogh0XwRqGimXhL4z44WTy6iZ16c54UoloFSpEzYZs4vCoP29MNqi1vhe9ESwAdiz5MBsiv8iIaYDCZy5LcC11l2MzfIIjzkqM8EQN85HoaURcF1KE0Gi47ieYSDrYPN0K1UYcvdOAQ50hGuLwPGqpqxKI0vKzFSQFcf6I+gtTlZVUx+R5wXA14RPXRmP8yeQ+xoIzLclHdaAAhEPgiiQNGkOquDQmduL3JAotVgK6M7gNtGbhqsYScJMy6KKx7196R1EMCh1xKCEA+Bmc1o0DYCpeZ3z9wsbWoKFugimuWCGYJJP+Um3AZzWjTtqswwZaA6azCJstr8sVdVaPemfb+kW9J15ZsPNY6OhZrurQhLBBdg6xSDrbW1h43QKBmNMNhreEP/0Rlo/n27++9PFztdH/Ygdz/N/As8ASsT5SdFHk+1oVJODp68PyC/Vdb7gzMwT5sGFrkdhH9f13sNPqCIt1kmJsIOoLYBn+dEa4GK9N7G6vHU8Xax79EFDo64f6FFSs2e+0uEQibzv6rywcvLva+3Or8ul8YpnpgcCT3YcPi6kP3wcGTczsXzx0+dTYr8pnNXTuIPC+CAO5o4czwkdn29mDqzmFWtCJka3XwbO/wmZ6FFj6/Pff9jp0fLno0o0OxBuLU0FmyZbQOPnhz9+K5o8XpYlx1Nu8tXL7V7o94gqgNw/a6vnL43MLZK1szv/WZ5sdd7P1j12C80hkvTB28sHh/fdWuS/vuoBgeW53ogyIo/d+jNXn3tWIwnru6tfTR9flv/mr3x3YAKduS7EjuvXN+0m0vffJzObTjQU8axXDSub7bvbrV6h+Nlmesj8HTvfsba2aU1sfBCJ2qEfUciZ5PsLV4dmX5w5+6m3vlsCoKq20VRAfNUo6Wp3ffemLq1oPeF3+cisK1fo+z6Rv9uSu3238ejpemx73p4WPd/Y21Iz04DTUvfHIp5r++0x7lRdGSnMrjqcBVxl//pUVLmb22jZABRNEaNoSv4dZ6K2t1f9ztXbpR7g9RosgH5+fxquHAUdaJSA48K2++vz7/1Zb1UfZH0GsMcyd59eDCqt1f3W/v+smQZHLmmqrGpMz7r6z8/fqjo6WOIflxNfPddu/yzdyeaHtiG0xsAT4mG9bHv66lp5/sSTBhAAAAAElFTkSuQmCC");
  background-repeat:repeat;
  padding-top: 30rpx;
在这里面  URL是Uniform  Resoure Locator(统一资源定位符 ),后面的那个就是base64对图像的编码了。你没有看错随随便便一个图像的编码都好长好长,我当时复制的时候犹豫了,最后粘贴上发现确实可行而且不在报错了。

如果继续报错建议选择1.5.1后在次编译就可以消除错误了。

最后的感悟就是,这个东西真挺累的。


附加彩蛋:微信小程序是有专门的开发者论坛,以及开发者文档的,这些论坛跟文档使用的前提是已经有微信公众平台的基础上。对于新手还是很有帮助的,特别是我这种新手。

 
 

猜你喜欢

转载自blog.csdn.net/baiyh1994/article/details/77882083