URL 重寫：解決 CSS、JS 和圖片加載失敗的問題
在 .htaccess 中實(shí)現(xiàn) URL 重寫規(guī)則時，會出現(xiàn)一個常見問題CSS、JS 和圖像等外部資源無法正確加載。這可以歸因于重定向發(fā)生時 URI 基的變化。
最初的解決方案涉及使用絕對路徑，這可以確保無論頁面的 URL 是什么，資源都可以找到。然而，這需要對所有文件進(jìn)行繁瑣的修改，使其成為一個不可靠的解決方案。
另一種方法利用 .htaccess 規(guī)則來建立一致的基本 URI：
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteRule ^detail/([0-9]+)/?$ detail.php?id=
RewriteEngine On
RewriteCond %{REQUEST_URI} !^/css/
RewriteCond %{REQUEST_URI} !^/js/
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /detail/123/ [R=307,L]
此規(guī)則確保所有外部資產(chǎn)從 /detail/123/ URL 引用。 [R=307,L] 標(biāo)志將請求重定向到正確的基本 URI (/detail/123/)，有效解決資源加載問題，而不需要絕對路徑。
與此結(jié)合，您可以添加
內(nèi)的標(biāo)簽頁面元素：<base href="/detail/123/">
這進(jìn)一步鞏固了基本 URI 并使相對路徑能夠正常運(yùn)行。通過實(shí)施這些規(guī)則，您可以保持 URL 重寫，同時避免編輯單個文件，從而確保無縫的用戶體驗(yàn)。
以上是URL重寫后如何解決CSS、JS、圖片加載問題？的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣服圖片
Undresser.AI Undress
人工智能驅(qū)動的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機(jī)
Video Face Swap
使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強(qiáng)大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)
如何在PHP中實(shí)施身份驗(yàn)證和授權(quán)？
Jun 20, 2025 am 01:03 AM
tosecurelyhandleauthenticationandationallizationInphp，lofterTheSesteps：1.AlwaysHashPasswordSwithPassword_hash（）andverifyusingspasspassword_verify（），usepreparedStatatementStopreventsqlineptions，andStoreSeruserDatain usseruserDatain $ _sessiveferterlogin.2.implementrole-2.imaccessccsccccccccccccccccccccccccc.
我如何了解最新的PHP開發(fā)和最佳實(shí)踐？
Jun 23, 2025 am 12:56 AM
TostaycurrentwithPHPdevelopmentsandbestpractices,followkeynewssourceslikePHP.netandPHPWeekly,engagewithcommunitiesonforumsandconferences,keeptoolingupdatedandgraduallyadoptnewfeatures,andreadorcontributetoopensourceprojects.First,followreliablesource
什么是PHP，為什么它用于Web開發(fā)？
Jun 23, 2025 am 12:55 AM
PHPbecamepopularforwebdevelopmentduetoitseaseoflearning,seamlessintegrationwithHTML,widespreadhostingsupport,andalargeecosystemincludingframeworkslikeLaravelandCMSplatformslikeWordPress.Itexcelsinhandlingformsubmissions,managingusersessions,interacti
如何設(shè)置PHP時區(qū)？
Jun 25, 2025 am 01:00 AM
tosetTherightTimeZoneInphp，restate_default_timezone_set（）functionAtthestArtofyourscriptWithavalIdidentIdentifiersuchas'america/new_york'.1.usedate_default_default_timezone_set_set（）
如何在操作系統(tǒng)（Windows，MacOS，Linux）上安裝PHP？
Jun 20, 2025 am 01:02 AM
安裝PHP的方法因操作系統(tǒng)而異，以下是具體步驟：1.Windows用戶可使用XAMPP一鍵安裝包或手動配置，下載XAMPP并安裝，選擇PHP組件或?qū)HP加入環(huán)境變量；2.macOS用戶可通過Homebrew安裝PHP，運(yùn)行相應(yīng)命令安裝并配置Apache服務(wù)器；3.Linux用戶（Ubuntu/Debian）可使用APT包管理器更新源后安裝PHP及常用擴(kuò)展，并通過創(chuàng)建測試文件驗(yàn)證安裝是否成功。
我如何驗(yàn)證PHP中的用戶輸入以確保其符合某些標(biāo)準(zhǔn)？
Jun 22, 2025 am 01:00 AM
TovalidateuserinputinPHP,usebuilt-invalidationfunctionslikefilter_var()andfilter_input(),applyregularexpressionsforcustomformatssuchasusernamesorphonenumbers,checkdatatypesfornumericvalueslikeageorprice,setlengthlimitsandtrimwhitespacetopreventlayout
如何使用session_destroy（）在PHP中破壞會話？
Jun 20, 2025 am 01:06 AM
要完全銷毀PHP中的會話，必須先調(diào)用session_start()啟動會話，再調(diào)用session_destroy()刪除所有會話數(shù)據(jù)。1.首先使用session_start()確保會話已啟動；2.然后調(diào)用session_destroy()清除會話數(shù)據(jù)；3.可選但推薦：手動unset$_SESSION數(shù)組以清除全局變量；4.同時刪除會話cookie，防止用戶保留會話狀態(tài)；5.最后注意在銷毀后重定向用戶，并避免立即復(fù)用會話變量，否則需重新啟動會話。這樣做能確保用戶徹底退出系統(tǒng)，不留殘留信息。
編寫清潔和可維護(hù)的PHP代碼的最佳實(shí)踐是什么？
Jun 24, 2025 am 12:53 AM
寫干凈、易維護(hù)的PHP代碼關(guān)鍵在于清晰命名、遵循標(biāo)準(zhǔn)、合理結(jié)構(gòu)、善用注釋和可測試性。1.使用明確的變量、函數(shù)和類名，如$userData和calculateTotalPrice()；2.遵循PSR-12標(biāo)準(zhǔn)統(tǒng)一代碼風(fēng)格；3.按職責(zé)拆分代碼結(jié)構(gòu)，使用MVC或Laravel式目錄組織；4.避免面條式代碼，將邏輯拆分為單一職責(zé)的小函數(shù)；5.在關(guān)鍵處添加注釋并撰寫接口文檔，明確參數(shù)、返回值和異常；6.提高可測試性，采用依賴注入、減少全局狀態(tài)和靜態(tài)方法。這些做法提升代碼質(zhì)量、協(xié)作效率和后期維護(hù)便利性。
