uni-app 配置web运行基础路径为/web/时图片以及.ttf文件无法正常加载 报404

uni-app 配置web运行基础路径为/web/时图片以及.ttf文件无法正常加载 报404

示例代码:

data(){
return{
sponsors: [
{
src: "../../static/icons/sponsor1.png",
src: sponsor1,
},
{
src: "../../static/icons/sponsor2.png",
src: sponsor2,
},
{
src: "../../static/icons/sponsor3.png",
src: sponsor3,
},
{
src: "../../static/icons/sponsor4.png",
src: sponsor4,
},
{
src: "../../static/icons/sponsor5.png",
src: sponsor5,
},
],
}
}

操作步骤:

data(){
return{
sponsors: [
{
src: "../../static/icons/sponsor1.png",
src: sponsor1,
},
{
src: "../../static/icons/sponsor2.png",
src: sponsor2,
},
{
src: "../../static/icons/sponsor3.png",
src: sponsor3,
},
{
src: "../../static/icons/sponsor4.png",
src: sponsor4,
},
{
src: "../../static/icons/sponsor5.png",
src: sponsor5,
},
],
}
}

预期结果:

  • 图片一级图标能正常加载

实际结果:

  • 本地正常加载,部署上线报404

bug描述:

配置运行基础路径为/web/后,图片、icons文件在本地能正常加载,部署到线上后,在html文件上引入的图片文件能正常加载,通过js动态生成的图片,以及.ttf文件无法正常加载(报404)。检查后发现通过html引入的图片文件能在路径头自动添加了’web’,通过js动态生成的图片则失败。

Image 1 Image 2 Image 3 Image 4 Image 5


更多关于uni-app 配置web运行基础路径为/web/时图片以及.ttf文件无法正常加载 报404的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 配置web运行基础路径为/web/时图片以及.ttf文件无法正常加载 报404的实战教程也可以访问 https://www.itying.com/category-93-b0.html


你好,我这边用hello-uniapp项目没有复现这个问题, 你可以先尝试一下升级到最新版hbuilderX,或者发一下可复现的demo工程

回到顶部