Angular 8: доступ к папке ресурсов при запуске ng build --prod --base-href './project1'

Question

Мой клиент хочет, чтобы я развернул несколько проектов на одном сервере ngnix со следующей конфигурацией.

location /project1/ {
    alias /usr/local/var/www/project1/;
    try_files $uri$args $uri$args/ /project1/index.html;
}

В приведенной выше конфигурации я не смог получить доступ к папке ресурсов, так как она находится в папке project1, и я пытаюсь получить к ней доступ из root примера домена sr c:

url('/assets/fonts/texta/Texta-Regular/Texta-Regular.eot')

Когда я меняю путь с помощью sr c: url('./assets/fonts/texta/Texta-Regular/Texta-Regular.eot') У меня возникает следующая проблема при сборке производственной сборки

ОШИБКА в ./src /styles.scss Сборка модуля не удалась (из ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleError: Ошибка модуля (из ./node_modules/postcss- loader / src / index. js): (испускаемое значение вместо экземпляра Error) CssSyntaxError: /Users/Desktop/personal/projects/example/src/styles.scss:10115:13: невозможно решить './assets/fonts/texta/Texta-Regular/Texta-Regular.eot%3F' в '/ Users / Desktop / personal / projects / example / sr c'

Answer 1

У меня нет проблем с компиляцией URL ('./ assets / fonts / texta / Texta-Regular / Texta-Regular.eot'). Пожалуйста, проверьте наличие Texta-Regular.eot.

Answer 2

Флаг

rebaseRootRelativeCssUrls в angular. json работал для меня.

Answer 3

Вы не можете использовать абсолютные пути, начинающиеся с "/", поэтому у вас есть 2 варианта:

1- Использование относительных путей (с "../" до go резервное копирование иерархии). Это немного грязно, но легко сделать.

2- Определите папку ваших ресурсов в параметрах компилятора вашего tsconfig. json следующим образом:

"compilerOptions": {
"baseUrl": ".",
"paths": {
  "@assets/*": ["./src/assets/*"],
}
}

Тогда вы можете использовать " @ assets / "в вашем URL. Запишите baseUrl и url активов и измените его соответственно структуре вашего проекта.

Надеюсь, это поможет.