将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应用程序中 - 如何混合路由

回答

相关问题