【其餘】./ 和../ 以及/區別

時間 2019-12-08

標籤其餘以及區別简体版

原文原文鏈接

/          根目錄
./         當前目錄
../        上一級目錄

有這樣一個目錄結構css

在index.html頁面中引入css文件夾中的common.csshtml

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>path</title>
        <link href="css/common.css" rel="stylesheet"><!-- http://192.168.1.158/z-study/path/css/common.css -->
        <link href="./css/common.css" rel="stylesheet"><!-- http://192.168.1.158/z-study/path/css/common.css -->
        <link href="../path/css/common.css" rel="stylesheet"><!-- http://192.168.1.158/z-study/path/css/common.css -->
        <link href="/css/common.css" rel="stylesheet"><!-- http://192.168.1.158/css/common.css -->
    </head>

    <body>    
        
    </body>
</html>

解析：
一、找的是和index.html同級目錄裏面的

<!-- http://192.168.1.158/z-study/path/css/common.css -->
<link href="css/common.css" rel="stylesheet"> 

<link href="./css/common.css" rel="stylesheet">

二、找的是根目錄app

<!-- http://192.168.1.158/css/common.css -->
<link href="/css/common.css" rel="stylesheet">

三、找的是index.html的上級目錄測試

<!-- http://192.168.1.158/z-study/path/css/common.css -->
<link href="../path/css/common.css" rel="stylesheet">

項目中遇到的問題：this

某圖片所在目錄：D:\wamp\www\mfs\backend\apps\statics\images
出於某種需求  圖片路徑這樣寫
this.defaultUrl = '/statics/images/1.jpg'

本地項目：路徑這樣寫正常顯示             
完整的路徑：'http://v.sss.lisa.com/statics/images/1.jpg'

測試環境   項目放在了backend/index下     
完整的路徑：‘http://test.sss.lisa/statics/images/1.jpg’    
這時就會發下圖片路徑錯誤

修改成：‘statics/images/1.jpg’  或者‘./statics/images/1.jpg’
完整的路徑：‘http://test.sss.lisa/backend/index/statics/images/1.jpg’

做者：smile.轉角.net

QQ：493177502code

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。