apicloud 中资源文件根路径“/”无效问题
问题说明
在apicloud项目研发中,用js封装了一个弹窗提示框,由图片+文字的方式显示。
但问题是不同层级结构使用这个提示框的时候图片无法加载,使用html根路径“/”并没有效果。
JavaScript
var _html = '<img src="/images/test.jpg" />'
所以改良如下:
JavaScript
var dirpathLen = '';
if((api.appVersion + '').indexOf('00.00') != -1){
// appLoader中,这是测试环境的路径
dirpathLen = location.pathname.split(api.appId)[1].split('\/').length - 1;
}else{
// 正式发布版中,这是打包后的路径
dirpathLen = location.pathname.split('widget')[1].split('\/').length - 1;
}
// 相对路径动态组装
var relativePath = '';
for(var i = 0; i < dirpathLen - 1; i++){
relativePath += '../';
}
var _html = '<img src="' + relativePath + 'images/test.jpg" />'
这样就可以完美在不同层级显示出图片了。
如果对你有用,麻烦左下角点个赞^_^