绝对路径和相对路径

目录

1说明

2.相对路径的优势

3.注意

4.@/说明

---

1说明

绝对路径：文件真实的存放位置

例：D:\data\applogs\xxl-job\xxl-job-admin.log

不需要知道其他任何信息就可以根据绝对路径判断出文件的位置

相对路径：相对于当前位置的路径

前端开发显示某个图片的时候经常使用相对路径来显示

例：

  c:/website/index.htm
  c:/website/img/photo.jpg

在index画面中要使用photo图片，可以使用img/photo.jpg来获取这个图片。

2.相对路径的优势

相对路径指的是要使用的文件相对于当前文件的位置，因为代码发布到服务器上之后，不可能通过指定文件的绝对路径来引用文件，而通过相对路径来引用则不会出现问题，除非文件的目录发生调整。

3.注意

我们使用“./”来表示当前目录，“../”来表示上一级目录，“../../”表示上上级的目录，以此类推

4.@/说明

在vue项目中要引用静态资源，使用相对路径也不是很方便，路径会很长，通常会定义一个路径别名来引用静态资源。

例：

 在vue.config.js中定义了@的内容为src，在代码中要引用src目录下的静态资源时，可以直接@俩指定静态资源的位置，这样引用文件时避免了使用相对路径过长及使用复杂的问题。