微信小程序报错[渲染层网络层错误] pages/main/main.wxss 的本地资源图片没办法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用＜image/＞标签--解决办法

项目场景：

项目场景：当向微信小程序中插入图片时报错，显示本地资源图片无法通过 WXSS 获取
报错如下：

问题描述：

项目中代码描述：

.content{
  font-family: 微软雅黑，宋体;
  font-size: 14px;
  /* background-size: cover; */
  height: 100%;
  width: 100%;
  background-image: url("../assets/img/1.png");
  color: #FFFFFF;
}

原因分析：

1.pages/main/main.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用标签。
2.小程序样式中不允许小程序路径

解决方案：

最简单的解决方法是将图片的地址改为网络路径
如图所示：

这篇好文章是转载于：学新通技术网