Angular Cli 设置字体文件的路径

Question

我有一个 ASP.NET Core 2.0 MVC 应用程序，它由几个不同的 Angular 应用程序组成。在我的一个应用程序中，我想使用 Angular 路由器，因此我将基本路径设置为我的 asp.net 核心视图的位置，而不是输出目录。

"outDir": "wwwroot/spa/task",

到应用程序的 asp.net 路由是 example.com/Task。在此页面上，我想添加一个路由器插座。在视图代码中，为了更正路由页面，我设置了基本 href 以匹配我的 asp.net 路由：

<base href="/Task">

然后我将脚本指向输出文件夹：

<script type="text/javascript" src="/spa/task/inline.bundle.js"></script>
<script type="text/javascript" src="/spa/task/polyfills.bundle.js"></script>
<script type="text/javascript" src="/spa/task/styles.bundle.js"></script>
<script type="text/javascript" src="/spa/task/font-awesome.min.bundle.js"></script>
<script type="text/javascript" src="/spa/task/vendor.bundle.js"></script>
<script type="text/javascript" src="/spa/task/main.bundle.js"></script>

一切都正常加载并且工作正常，除了字体是从初始页面相对链接到的，所以我得到了这些错误：

如何设置 Angular CLI 以便它在正确的位置查找这些文件？

Answer 1

问题是我需要设置 webpack 公共路径变量。幸运的是最近已经修补了这个，我只需要将它添加到配置中：

"deployUrl": "/spa/task/"