去除地址 # ,將{ 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