angular的Hash 模式和 HTML 5 模式


去除地址 # ,將{ provide: LocationStrategy, useClass: HashLocationStrategy }改為

{ provide: LocationStrategy, useClass: PathLocationStrategy },
    { provide: APP_BASE_HREF, useValue: '/' }即可

示例代碼中的 APP_BASE_HREF,用於設置資源 (圖片、腳本、樣式) 加載的基礎路徑。除了在 NgModule 中配置 provider外,我們也可以在入口文件,如 index.html 文件 <base> 標簽中設置基礎路徑。

<base> 標簽為頁面上的所有鏈接規定默認地址或默認目標。通常情況下,瀏覽器會從當前文檔的 URL 中提取相應的路徑來補全相對 URL 中缺失的部分。使用 <base> 標簽可以改變這一點。瀏覽器隨后將不再使用當前文檔的 URL,而使用指定的基本 URL 來解析所有的相對 URL。這其中包括 <a><img><link><form> 標簽中的 URL。具體使用示例如下:<base href="/">

 

參考文章 https://segmentfault.com/a/1190000009238481

 
 
        

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM