先上图看配置:

oss的路径为:

oss://自己的bucket/app-h5/   

域名指向的肯定是 oss://自己的bucket

访问的url如下, 域名+路径https://www.xy46.net/app-h5/https://www.xy46.net/app-h5/#/pages/video/video

代码里的写法:

.page {
    width: 100%;
    height: 100%;
    background-image: url("/static/video/bg.jpg");
    background-repeat: no-repeat;
    // background-position: left;
    // background-position: 100% 0;
    background-origin: content-box;
    background-size: 100% 100%;
    overflow: hidden;
}

开发环境一切正常   

发布到oss后, 就不显示background-image

解决办法:

把   background-image: url("/static/video/bg.jpg");

改成   background-image: url("../../static/video/bg.jpg");  注意:到底有几个../请自行根据目录结构配置...

即可~~~~~~~~~~~~~

还有一种别人推荐的做法: ~/   在/前面加个~   此方法  本人 未测试,   请见谅,, 如果有人测试ok,请留言回复, 谢谢帮忙!!!

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐