<template>
<view>
<image :src="loginBgLeft"></image>
<image src="~assets/mobile/bg/login_bg_left.png"></image>
<image :src="svgImage"></image>
<image src="@/assets/svg/103.svg"></image>
<image src="@/assets/svg/153.svg"></image>
<image src="~assets/svg/153.svg"></image>
</view>
</template>
<script>
export default {
data() {
return {
loginBgLeft: require('@/assets/mobile/bg/login_bg_left.png'),
svgImage: require('@/assets/svg/103.svg'),
};
}
}
</script>
<style lang="scss">
</style>
1***@qq.com
- 发布：2020-05-18 09:25
- 更新：2021-01-13 09:57
- 阅读：1496
产品分类： uniapp/H5
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： mac catalina 10.15.3
浏览器平台： Chrome
浏览器版本： 76.0.3809.100
项目创建方式： CLI
CLI版本号： 2.6.16.20200424
示例代码：
操作步骤：
1.h5 配置 运行基础路径为 ./
2.运行代码示例页面
3.dev 运行
4.build打包
1.h5 配置 运行基础路径为 ./
2.运行代码示例页面
3.dev 运行
4.build打包
预期结果：
1.dev环境运行时页面显示图片
2.build打包之后页面显示图片
1.dev环境运行时页面显示图片
2.build打包之后页面显示图片
实际结果：
1.dev环境运行时页面显示图片
2.build打包之后页面不显示图片
1.dev环境运行时页面显示图片
2.build打包之后页面不显示图片
bug描述：
h5 配置 运行基础路径为 ./
h5 image标签 在dev环境正常显示，build打包后路径错误
dev 环境路径 ./static/img/login_bg_left.41897da2.png
build 打包后路径 ./pages/login/static/img/login_bg_left.41897da2.png
HBuilderX 2.6.12 + 已修复
-
1***@qq.com (作者)
这个问题又出现了，小图片没问题，大图片打包后位置在/h5/static/img路径下，引用时却是/dist/build/h5/pages/login/static/img/login_bg_left.41897da2.png
2021-01-05 17:11
-
-
-
-
-
-
-
-
-
-
m***@foxmail.com
这个原来是个bug，我还一直以为是我的配置有问题，哭了！
2020-05-28 09:28