问题描述
引入方式
<image src="/static/user.png"></image>
由于url使用的是二级目录，http://www.demo.com/mini/
开发环境中没有问题，资源可以正常请求到
上线后，发现静态资源请求的路径是
http://www.demo.com/static/user.png
请求不到资源，返回了404
解决方式
网上给出了很多方式
<image src="../../static/user.png"></image>
<image src="@/static/user.png"></image>
都不能获取
<image :src="userImage"></image>
<script>
const userImage = require("../../static/user.png)
</script>
其实最后解决的方式也很简单，使用相对当前目录的方式文章来源：https://www.toymoban.com/news/detail-545622.html
<image src="static/user.png"></image>
也就是把最前面的路径/ 去掉，上线后就获取正确的路径了文章来源地址https://www.toymoban.com/news/detail-545622.html
http://www.demo.com/mini/static/user.png
到了这里，关于uniapp：二级目录部署H5静态图片资源请求路径不对的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
