三步實現 AngularJS URL 去 號

2021-09-25 04:09:51 字數 832 閱讀 6523

1、開啟原始碼,設定 $locationprovider 模組,將html5mode設定為true.

推薦閱讀:angularjs 官方 $location文件  

2、在 index.html 入口檔案中設定 標籤定義相對路徑(index 在根目錄下的位址)

html5mode設定為true就會自動的解析相對鏈結

到這此為止,如果使用者從首頁index)開始訪問,然後跳轉到其他頁面是一切正常的(前台html5mode 起作用)。但如果使用者通過url 直接開啟非首頁頁面(後台解析url),就會出現404錯誤。

簡單地說,這是因為直接輸入的url(無#號)位址不受angularjs 的路由系統管理,而伺服器本身也未通過此路徑找到這樣乙個檔案,於是 apache 就丟擲了這樣乙個錯誤。

想明白這個點,解決方法就很明了了,當直接輸入不帶#號的url 位址時,我們讓 apache 的 404 錯誤處理機制給url 加上 # 號,那麼angularjs 就能正確解析了。

而錯誤的url導向404頁面的功能,是可以自己在 angularjs/ui 提供的路由中去處理的。

3、404重定向

在apache的 .htaccess 檔案中新增一下配置

重啟 apache ,大功告成!

IDEA tomcat三步實現熱部署

新增artifacts選項,war 和 war exploded二選一,若要熱部署須選後者。on update action設定每次預設run選項為redeploy重新部署 相比重新啟動要快一些了,但速度還是不太理想 on frame deactivation設定為updata classes an...

三步實現Android懸浮效果

之前做專案的時候實現的乙個懸浮效果,如圖 可能不夠清晰 meibei.gif 接下來就是實現效果,如圖所示 sticky.gif 原理很簡單,用recyclerview addheaderview的方式實現,實現步驟 1.新增依賴 compile com.github.cymchad baserec...

三步拼讀法

用到的工具項 p kt 配對符 連體符 下劃線 一讀 逐個音素讀出來。連體音,不拆分。二配 輔元成對式。口訣 子音在前,母音在後,子音加母音,構成一對子 三拼 見對先拼 拼音法和快讀法 沒法配對的音都讀本身音。快速拼讀六字訣 配對子,拼對子 f st p ti d p t tr vl h l de ...