问题

[渲染层网络层错误] Failed to load local image resource /pages/login/src/resource/img/metro.png 
 the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error) 
(env: Windows,mp,1.06.2303220; lib: 2.32.1)

原因

在小程序中<image />是可以使用本地图片的，但是在taro (opens new window)中确不可以直接使用

// 小程序中可以展示
<image src='banner.png' />

// taro中不显示
<Image src='banner.png' />

解决

需要通过ES6 的 import 语法来引用此类文件

<template>
      <image :src="img"></image>
</template>

<script>
	import img from '/src/resource/img/metro.png'
</script>

另外，根据官网文档描述

Taro 默认会对 1kb 大小以下的资源进行转换，如果需要修改配置，可以在 config/index.js 中进行修改，配置位于 weapp.module.postcss。

// 小程序端样式引用本地资源内联
url: {
  enable: true,
  config: {
    limit: 10240 // 设定转换尺寸上限
  }
}