先上图看配置:css
oss的路径为:
oss://本身的bucket/app-h5/ app
域名指向的确定是 oss://本身的bucketide
访问的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;
}
开发环境一切正常 url
发布到oss后, 就不显示background-imagespa
解决办法:.net
把 background-image: url("/static/video/bg.jpg");code
改为 background-image: url("../../static/video/bg.jpg"); 注意:到底有几个../请自行根据目录结构配置...blog
便可~~~~~~~~~~~~~开发
还有一种别人推荐的作法: ~/ 在/前面加个~ 此方法 本人 未测试, 请见谅,, 若是有人测试ok,请留言回复, 谢谢帮忙!!!