CSS及HTMLjs中的资源路径问题

Posted 2020-10-08 RoadAspen

路径 分为相对路径和绝对路径

一、相对路径。

相对于文件本身的路径。

用 ./ 表示同一文件夹下的兄弟文件。

用../ 表示所处文件夹的父文件夹中的文件。

二、绝对路径。

本机绝对路径是 例如  E:\phpStudy\WWW\NEWPC\images.

网络的绝对路径是指：例如一张图片的绝对路径 https://ss3.baidu.com/-rVXeDTa2gU2pMbgoY3K/it/u=2048526859,4160700425&fm=202&mola=new&crop=v1。

 

最近因为项目的页面结构调整，利用angular 中的ng-include 指令，将页面导航及底部部分独立出来作为公用文件。公用文件中的图片地址之前引用的是相对地址，当文件层级发生改变之后，相对路径就只能满足固定层级的定位关系。

于是我使用绝对路径，关于根文件夹的选取，我的所有文件都放在NEWPC文件夹中，所以地址改为

  /NEWPC/images/state_icon.png

如此这般就没问题了