zbo2018
11/5/2018 - 9:36 AM

html 相对路径，绝对路径

html 相对路径，绝对路径

untitled
content_copyfile_download
项目结构==========
    corpus-assistant
    |---src
        |---main
            |---resources
                |---static
                |   |---img
                |       |---logo.jpg
                |---templates
                |   |---index.html
    相对路径==========
    ""          ：代表当前所在的目录
    "."         ：什么都不是
    "./"        ：代表当前所在的目录
    "././"      ：代表当前所在的目录
    ".."        ：什么都不是
    "../"       ：代表上一层目录
    "../../"    ：代表的是上一层目录的上一层目录
    绝对路径==========
    "/"         ：代表根目录
    "/./"       ：代表根目录
    "/../"      ：代表根目录
    "D:/abc/"   ：代表根目录
    访问说明==========
    页面路径：http://127.0.0.1:8080/corpus-assistant/templates/index.html
    页面加载的资源：<img src="static/img/logo.jpg" width="100px" height="100px">
    加载说明：从当前目录下，加载static/img/logo.jpg。 当前目录是templates，加载图片变成了templates/static/img/logo.jpg
    所以图片url变成了http://127.0.0.1:8080/corpus-assistant/templates/static/img/logo.jpg
    其它示例==========
    <img src="static/img/logo.jpg" width="100px" height="100px">
    失败    http://127.0.0.1:8080/corpus-assistant/templates/static/img/logo.jpg
    
    <img src=".static/img/logo.jpg" width="100px" height="100px">
    失败    http://127.0.0.1:8080/corpus-assistant/templates/.static/img/logo.jpg
    
    <img src="/static/img/logo.jpg" width="100px" height="100px">
    失败    http://127.0.0.1:8080/static/img/logo.jpg
    
    <img src="./static/img/logo.jpg" width="100px" height="100px">
    失败    http://127.0.0.1:8080/corpus-assistant/templates/static/img/logo.jpg
    
    <img src="/./static/img/logo.jpg" width="100px" height="100px">
    失败    http://127.0.0.1:8080/static/img/logo.jpg
    
    <img src="././static/img/logo.jpg" width="100px" height="100px">
    失败    http://127.0.0.1:8080/corpus-assistant/templates/static/img/logo.jpg
    
    <img src="..static/img/logo.jpg" width="100px" height="100px">
    失败    http://127.0.0.1:8080/corpus-assistant/templates/..static/img/logo.jpg
    
    <img src="../static/img/logo.jpg" width="100px" height="100px">
    成功    http://127.0.0.1:8080/corpus-assistant/static/img/logo.jpg
    
    <img src="/../static/img/logo.jpg" width="100px" height="100px">
    失败    http://127.0.0.1:8080/static/img/logo.jpg
    
    <img src="../../static/img/logo.jpg" width="100px" height="100px">
    失败    http://127.0.0.1:8080/static/img/logo.jpg
    
    <img src="/../../static/img/logo.jpg" width="100px" height="100px">
    失败    http://127.0.0.1:8080/static/img/logo.jpg
    
    <img src="img/logo.jpg" width="100px" height="100px">
    失败    http://127.0.0.1:8080/corpus-assistant/templates/img/logo.jpg
    
    <img src="/img/logo.jpg" width="100px" height="100px">
    失败    http://127.0.0.1:8080/img/logo.jpg