个网站的每个页面应该使用唯一的URL，不同于相同文件应转向到唯一的URL。不利于测试，有规模的网站一般会有线下测试，如果网站内的链接不是动态参数，就会造成很多死链接，没办法进行测试。相对路径地址是模糊的，不具备独立性。采用绝对地址，可以有效地防止你的竞争对手对你的网站。

绝对路径的优点

1.如果有人复制你的网站内容，里面的链接还会指向你的网站建设，其实也不局限于被复制，如果有人将你的网页保存到本地电脑中，里面的链接、图片、css、以及js仍然会连接到你的网站建设。

2.如果网页位置改变，里面的链接还是指向正确的URL。

绝对路径的缺点：

1.在本机制作的时候不能使用绝对路径，因为链接应该指向真正的域名而不是测试机的。

2.内容页面必须固定，如果所有内容页面都使用绝对路径，如果修改某个文件，其它页面上的路径是无法改变的，还会指向原来的地址。

相对路径的优缺点

相对路径的优缺点和绝对路径几乎相反。

缺点：

1.内容页面换了位置之后，链接容易失效。

2.容易被人大面积复制粘贴。

优点：

1.内容容易移动，可以整个目录移动。

2.测试方法较灵活，本机测试时比较方便快捷。

vue-path/
----- public/
-------- images/
------------ XX.jpg
----- src/
-------- assets/
------------ images/
---------------- XX.jpg
-------- App.vue

<img src="./assets/images/01.jpg" alt=""> 

计算机查找网页文档时，计算机需要明确该网页文档所在位置。我们把网页文档所在的位置称为路径。网页中的路径分为绝对路径和相对路径两种，具体介绍如下：

(1)绝对路径

绝对路径就是网页上的文档或目录在盘符(即C盘、D盘等)中的真正路径，例如“D：\案例源码\chapter02limagesbannerl.jpg”就是一个盘符中的绝对路径。再如完整的网络地址

“http://www.zcool.com.cn/images/logo.gif”。

(2)相对路径

相对路径就是相对于当前文档的路径。相对路径没有盘符，通常是以HTML网页文档为起点，通过层级关系描述目标图像的位置。相对路径的设置分为以下三种。

·图像和HTML.文档位于同一文件夹：设置相对路径时，只需输入图像的名称即可，例如<img sre=”logo.gif” />

·图像位于HTML.文档的下一级文件夹：设置相对路径时，输入文件夹名和图像名，之间用“/”隔开，例如<img sre=”img/img01/logo.gif”/>

·图像位于HTML.文档的上一级文件夹：设置相对路径时，在图像名之前加入“./”，如果是上两级，则需要使用“././”，依此类推，例如<img sre=”../logo.gif”/>

值得一提的是，网页中并不推荐使用绝对路径，因为网页制作完成之后我们需要将所有的文档上传到服务器。因此很有可能不存在“D:\案例源码\chapter02\images\bannerl.jpg”这样一个很精准的路径，网页也就无法正常显示图像。