Question

如果我在<base href="/">中有<head>，我的Angular 7应用程序可以正常工作

但是，这会破坏Safari中的所有SVG渐变，它们呈现为纯黑色。我在SO和其他地方找到了很多关于此问题的帖子，“解决方案”是删除基本标签。但是随后，我所有的路由和与根相关的图像src都中断了（如预期的那样）。

因此，我在APP_BASE_HREF查看了Angular docs，并尝试了建议的代码：

import {Component, NgModule} from '@angular/core';
import {APP_BASE_HREF} from '@angular/common';

@NgModule({
  providers: [{provide: APP_BASE_HREF, useValue: '/'}]
})
class AppModule {}

图像可以工作，但是当我使用Angular CLI构建项目并将其上传到AWS时，单击几下路由器链接就会失败（可能某些路径失败了？）。控制台没有错误，没有导航。

所以我不得不恢复使用base标签，但是现在我的D3图表渐变在Safari中全是黑色的。

Angular：动态设置基本href以修复SVG会中断路由器导航

0 个答案: