資訊專欄INFORMATION COLUMN
摘要：前端一般常用文件。使用相對(duì)路徑引入規(guī)則或者引入圖片，按照的目錄來算引入圖片，按照的目錄來計(jì)算。這兒是接上面的地址，文件被引用后，它有一段代碼那么的實(shí)際引用地址為。存在的問題如果使用前端路由并采用模式，引入采用相對(duì)路徑，則可能出現(xiàn)問題。
web前端一般常用文件 .html .css .js。但是當(dāng)用css文件和html引入資源（比如圖片）時(shí)，路徑可能不相同。下面總結(jié)了幾條。
使用相對(duì)路徑引入規(guī)則：html或者js引入圖片，按照html的目錄來算
css引入圖片，按照css的目錄來計(jì)算。
那什么是html目錄：例如：http://ip/a/b 請(qǐng)求回來的是html文件，那么html文件的目錄就是/a/ 文件夾，如果此html有一段代碼：
那么，css文件的實(shí)際引用的路徑為 /a/css/aa.css
什么是css目錄簡(jiǎn)單說就是css文件的存放地址。這兒是/a/css
接上面的地址，css文件（/a/css/aa.css）被引用后，它有一段代碼background:url("img/cc.png").
那么 cc.png的實(shí)際引用地址為/a/css/img/cc.png。
如果使用前端路由并采用history模式，引入采用相對(duì)路徑，則可能出現(xiàn)問題。當(dāng)路由到達(dá)2級(jí)目錄地址時(shí)比如： http://ip/1/2 ，此頁面如果采用有相對(duì)路徑的引用，就會(huì)失敗。所有相對(duì)引用地址前都會(huì)被加上 /1/ 這個(gè)目錄地址。當(dāng)你在此頁面刷新時(shí)，bug就出來了。
ps: 這兒所說的地址不是打包前的地址，是打包后真實(shí)的地址。往后一篇會(huì)根據(jù)此筆記要點(diǎn)，使用nginx + 一個(gè)端口，部署多個(gè)采用前端路由（history模式）單頁應(yīng)用。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/114161.html
摘要：前端一般常用文件。使用相對(duì)路徑引入規(guī)則或者引入圖片，按照的目錄來算引入圖片，按照的目錄來計(jì)算。這兒是接上面的地址，文件被引用后，它有一段代碼那么的實(shí)際引用地址為。存在的問題如果使用前端路由并采用模式，引入采用相對(duì)路徑，則可能出現(xiàn)問題。 web前端一般常用文件 .html .css .js。但是當(dāng)用css文件和html引入資源（比如圖片）時(shí)，路徑可能不相同。下面總結(jié)了幾條。 使用相對(duì)路徑...
摘要：前端一般常用文件。使用相對(duì)路徑引入規(guī)則或者引入圖片，按照的目錄來算引入圖片，按照的目錄來計(jì)算。這兒是接上面的地址，文件被引用后，它有一段代碼那么的實(shí)際引用地址為。存在的問題如果使用前端路由并采用模式，引入采用相對(duì)路徑，則可能出現(xiàn)問題。 web前端一般常用文件 .html .css .js。但是當(dāng)用css文件和html引入資源（比如圖片）時(shí)，路徑可能不相同。下面總結(jié)了幾條。 使用相對(duì)路徑...
摘要：雜項(xiàng)用代替里一定要有的判斷不要在內(nèi)置對(duì)象的原型上添加方法，如不要在內(nèi)層作用域的代碼里聲明了變量，之后卻訪問到了外層作用域的同名變量變量不要先使用后聲明不要在一句代碼中單單使用構(gòu)造函數(shù)，記得將其賦值給某個(gè)變量不要在同個(gè) 決定綜合網(wǎng)上的規(guī)范整出一套自己的開發(fā)規(guī)范出來，以后代碼的風(fēng)格均按照要求來編排，方便管理維護(hù) 一、 命名規(guī)范 項(xiàng)目命名：全部采用小寫方式， 以下劃線分隔，例：my_pro...
摘要：雜項(xiàng)用代替里一定要有的判斷不要在內(nèi)置對(duì)象的原型上添加方法，如不要在內(nèi)層作用域的代碼里聲明了變量，之后卻訪問到了外層作用域的同名變量變量不要先使用后聲明不要在一句代碼中單單使用構(gòu)造函數(shù)，記得將其賦值給某個(gè)變量不要在同個(gè) 決定綜合網(wǎng)上的規(guī)范整出一套自己的開發(fā)規(guī)范出來，以后代碼的風(fēng)格均按照要求來編排，方便管理維護(hù) 一、 命名規(guī)范 項(xiàng)目命名：全部采用小寫方式， 以下劃線分隔，例：my_pro...
閱讀 1922·2021-11-09 09:46
閱讀 2496·2019-08-30 15:52
閱讀 2460·2019-08-30 15:47
閱讀 1327·2019-08-29 17:11
閱讀 1752·2019-08-29 15:24
閱讀 3511·2019-08-29 14:02
閱讀 2450·2019-08-29 13:27
閱讀 1211·2019-08-29 12:32
