首页 >

Web前端开发应该如何使用相对路径? – 网络|

系统短信误删怎么恢复,哪里有免费的空间,怎么隐藏手机界面的客户端Web前端开发应该如何使用相对路径? - 网络|Web前端开发应该如何使用相对路径

那是不是意味着Web前端页面中各类资源就一定得用相对路径呢?其实也未必!

什么是相对路径?

在说相对路径前大家先大体了解下与相对路径对立的绝对路径。举例来说,老师在课堂上如果要点名,可能会说:“张三同学,请问答一下这个问题”,这里的指名道姓其实就可以理解为绝对路径。

但假设张三同学没有回答出问题,那老师可能会让他的同桌来回答问题,比如老师说道:“张三左边的同学回答一下这个问题”。此时,张三左边的同学就是相对于张三去定位到某个人的,这就可以理解为是相对路径。

总结来说,相对路径肯定是以一个绝对路径为参考点来定位寻找资源的。

相对路径的表示形式

那在前端中怎么判断一个路径是相对路径呢?很简单,比如下面这些URI就是相对路径形式:

a/b.html

/a/
b.html
./a/
b.html
../a/b.html
  • 如果一个URL是以“/”开头的,表示此资源是当前站点根目录下的某个资源;

  • “./”表示在当前目录下的资源;

  • “../”表示上一级目录下的资源;

  • 如果不是以“http://”、“/”、“./”、“../”开头的URL,那默认就是以当前目录为参考路径去定位查找资源的。

建议使用绝对路径而不是相对路径

虽说使用相对路径可以避免再次部署时可能导致的路径错误的Bug,但大家在实际网站开发过程中并不建议大家使用相对路径!因为现在的网站是需要注重性能的,前后端分离、动静分离这种架构模式下再去使用相对路径是不合适的,而应该使用完整的“域名+路径”形式来引用资源,这样也易于后期的CDN加速。

以上就是偶的观点,对于这个问题大家是怎么看待的呢?欢迎在下方评论区交流~偶是科技领域创作者,十年互联网从业经验,偶了解更多科技知识!

Web前端开发应该如何使用相对路径? - 网络|
  • 进度显示css |css 作用
  • 进度显示css |css 作用 | 进度显示css |css 作用 ...

    Web前端开发应该如何使用相对路径? - 网络|
  • 普京为何一直坚持不用手机? - 网络|
  • 普京为何一直坚持不用手机? - 网络| | 普京为何一直坚持不用手机? - 网络| ...

    Web前端开发应该如何使用相对路径? - 网络|
  • gyjs是什么线? - 网络|
  • gyjs是什么线? - 网络| | gyjs是什么线? - 网络| ...