由于路径问题引起的bug - pod4g/tool GitHub Wiki

• 线上地址：http://www.diaox2.com/category/100003.html

• 线上的图片资源地址：http://www.diaox2.com/images/

• 线上的JS资源地址：http://www.diaox2.com/js/

• 测试地址：http://z.diaox2.com/pc/category/10003.html

• 测试的图片资源地址：http://z.diaox2.com/pc/images/

• 测试的JS资源地址：http://z.diaox2.com/pc/js/

BUG描述：每个页面都有一个“回到顶部”的组件，所以我写在了jquery里，该组件需要用到图片资源，在jquery里是这样写的：

 dom.style.cssText = "background:url(../images/bottombar.png) 0 -142px;";  

• 在线上地址时：计算出来 http://www.diaox2.com/images/bottombar.png
• 在测试地址时：计算出来 http://z.diaox2.com/images/bottombar.png与真实的测试地址的图片资源是不对应的。

所以可以看到由于测试地址跟线上地址的目录不是对应的，会导致在线上没问题的路径，在测试地址就会出问题。

---

在线上的404页，由于内部的链接和CSS中的图片资源使用的是相对地址，那么在根目录下触发404的话，是没有问题的 如果在N级目录（N>1）下，会出现图片资源找不到，页面链接不起作用的BUG

因为就一个404页，所以可以把404页及相关资源内出现的路径都使用绝对地址即可解决