相对路径与绝对路径

对于相对路径和绝对路径的了解一直以来都不甚清晰,只知道从根目录开始的是绝对路径,相对于当前文件的是相对路径。

之前写代码所用的URL是相对路径,类似于这种:

1
background-image:url(img/beatles.jpg)

1
2
<script src="js/jquery.min.js" ><script>
<img src="img/blur.jpg" >

直到开始学习Vue.js,在代码里出现的路径如 :

1
2
import Vue from 'vue'
import App from './App'

就有点懵,App前面的那个./是什么鬼?
完全不知道是为什么要这么写,才想起来去Google。

关于相对路径和绝对路径的规则,总结如下:

  1. 绝对路径是从根目录一直到目的文件的完整路径
  2. 相对路径是一部分的路径,其表示的位置取决于特定的前缀
前缀 含义 种类
. 表示当前目录 相对路径
没有前缀 当前目录 相对路径
.. 表示上一层目录 相对路径
/ 代表根目录 绝对路径
D:/ 当然是根目录 绝对路径

注:在D盘里上面的 /等同于 D:/