2016-09-29 214 views
0

當我刷新頁面時,如何阻止Angular2路由器追加同一路由兩次?它可能是角路由器以外的東西。如何阻止Angular 2路由器追加相同的路由

轉到它重定向聯繫人的應用程序的根目錄,這很好。
本地主機:3000 /接觸

刷新頁面,並將其添加相同的路線
本地主機:3000 /聯繫人/聯繫方式

明示服務器只包含2個處理器。返回靜態文件並返回index.html文件。

app.get(/\.\w{2,4}$/, function (req, res) { 
    res.sendFile(path.join(__dirname, req.url)); 
}); 

app.get('*', function (req, res) { 
    res.sendFile(path.join(__dirname, 'index.html')); 
}); 

的index.html具有基本href設置

<base href="/"> 

這是角航線配置

export const routes: Routes = [ 
    {path: '', redirectTo: 'contact', pathMatch: 'full'} 
] 
+0

我懷疑你的問題中的代碼導致該問題。你能否提供更多的信息(其他路線,...)。你能在Plunker中重現嗎?它如何與'HashLocationStrategy'行爲? –

+0

嘿Günter,它不能在Plunker中複製,因爲當我刷新頁面時問題發生,並且問題在我的環境中是本地的。如果它通過角度網站幫助文件來自https://plnkr.co/edit/HEoqGVNga8s5tO4niNfg?p=preview。我正在研究ngModules是如何工作的,因爲它自RC4以來都發生了變化。所以我從這個龐然大物中提取了文件,並添加了一個非常簡單的快速服務器。 – screenm0nkey

+0

鏈接的Plunker不包含任何內容。 –

回答

1

我發現這個問題在索引文件。這是覆蓋我的基地設置...

<script>document.write('<base href="' + document.location + '" />');</script> 
相關問題