2017-08-11 15 views
-1

我現有的應用程序的結構是這樣的:如何實現Angular2路由和SPA(MVC 4)?

網絡
        ---腳本
            ---- AngularApp
                  - --- Page1
                  ----第2頁
                  ----第3頁
查看
        ---首頁
                ---第1頁

我已經試過的方法有兩種:基於

  1. HTML5

  2. 哈希路由。

但是,如果我從瀏覽器中刷新URL,則會出現404錯誤。

請指導我如何實現路由。

我的URL:

http://localhost/web/Home/Page1

網站 - 子域

如果我將嘗試打開http://localhost/web/AngularApp/Page2我得到404錯誤。

所以,請指導我。

回答

0

我有第一種方法HTML5的解決方案。只需要更新URL重寫的「web.config」即可。

<rewrite> 
<rules> 
<rule name="AngularApp MiniSPA"> 
<match url="^AngularApp/(.+)"/> 
<action type="Rewrite" url="AngularApp/Home"/> 
</rule> 
</rules> 
</rewrite> 

而且在Home.cshtml還增加了基本href

<base href="/AngularApp"> 

感謝