如何在Angular Universal

Question

我导入我的哈希图片网址：

组件：

import basicSmartLogo from "../../assets/img/smart_logo_basic.png"

@Component({
  selector: "home",  // <home></home>
  styleUrls: ["./home.component.scss"],
  templateUrl: "./home.component.html"
})
export class HomeComponent {

  basicSmartLogo = basicSmartLogo;
}

HTML：

<img src="{{basicSmartLogo}}">

这似乎在SPA版本中起作用，但在通用中，网址非常严重。如何在angular universal中使用散列资源网址？

Answer 1

我如下解决了这个问题。

1. 按照https://github.com/angular/angular-cli/issues/10417#issuecomment-390491021中的描述，在configuration.production的{​​{1}}对象中创建server对象。
2. 将angular.json添加到"outputHashing": "media"对象
3. 执行configuration.production而不是ng run {PROJECT_NAME}:server:production来构建服务器端代码。