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