Как обслуживать изображения в Angular Universal - PullRequest
Новая
       7

Как обслуживать изображения в Angular Universal

0 голосов
/ 02 июня 2018

Я импортирую свои хешированные изображения URL:

Компонент: 

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, но в универсальном URL очень искажены.Как использовать хешированные URL ресурсов в angular universal?

1 Ответ

0 голосов
/ 30 октября 2018

Я решил эту проблему следующим образом.

  1. Создайте configuration.production объект в server объекте в angular.json, как описано в https://github.com/angular/angular-cli/issues/10417#issuecomment-390491021.
  2. Add "outputHashing": "media" к configuration.production объекту
  3. Выполнить ng run {PROJECT_NAME}:server:production вместо ng run {PROJECT_NAME}:server для построения кода на стороне сервера.
...