將Angular 4集成到ASP.NET Core MVC應用程序中 - 如何混合路由

我正在嘗試將我的Angular 4應用程序整合到asp.net mvc核心項目中。我希望在我的Core MVC項目中使用此應用程序可以使用Angular應用程序，該應用程序可以使用這個URL - mydomain.com/ngx。將Angular 4集成到ASP.NET Core MVC應用程序中 - 如何混合路由

這裏是我如何做到這一點，現在（和它不工作）：

我建立角應用與角CLI和使用ng build ... --base-href /ngx（注意斜線）。然後，我複製dist文件夾（其中構建由CLI放置）中的所有內容，並將其複製到我的Core MVC項目的wwwroot/ngx文件夾中。但是，當我打開localhost/ngx/index.html我得到404錯誤main.bundle.js和其他js文件。我檢查了這些請求，並且出於某種原因它試圖將其作爲localhost://main.bundle.js - 爲什麼從根目錄？

現在，如果我--base-href ngx構建它（沒有斜槓），並打開該網站，它就會被重定向到/ NGX/NGX（雙打NGX）。所以...... wtf？ :)

核心MVC路由沒有什麼特別的，我沒有觸及那部分。

那麼我怎樣才能使它工作爲localhost/ngx ASP.NET Core MVC項目？

來源

2017-04-17 alvipeo

做工精細這裏'NG建立--base-HREF/NGX/--output- path dist/ngx'，從dist目錄運行http-server，並轉到'http：// localhost：8080/ngx/index.html'。 –

哦，夥計，謝謝！你想讓我將它添加爲答案，否則你會自己做？ – alvipeo

做工精細這裏

ng build --base-href /ngx/ --output-path dist/ngx,

運行從dist目錄的HTTP服務器，並打算http://localhost:8080/ngx/index.html

來源

2017-04-17 13:58:23

我剛剛發現，無論你在資產中有沒有找到，因爲它試圖從根（/資產/任何）獲得它們，但它應該嘗試從/ ngx/assets /無論如何。 :( – alvipeo

將Angular 4集成到ASP.NET Core MVC應用程序中 - 如何混合路由

回答

相關問題