Angular, как быть если приложение не в корневом каталоге?

Question

Максим @Niiix

Angular

Angular, как быть если приложение не в корневом каталоге?

Подскажите как быть если приложение на Angular находится не в корневом каталоге сайта.
К примеру по адресу mysite.com/ru.

Менял в index.html строку
<base href="/">
на
<base href="/ru">
то локально все работает отлично, но когда собираю приложение и заливаю его на хост в директорию, то в консоле пишет, что пытается обратится к файлам типа polyfills...bundle.js, которые ищет в корневом каталоге сайта.

Вопрос задан более трёх лет назад
67 просмотров

6 комментариев

Подписаться 1 Простой 6 комментариев

Demian Smith @search

Выглядит действительно странно. Советую еще раз убедиться что на хосте установлен именно

<base href="/ru">

Написано более трёх лет назад
Максим @Niiix Автор вопроса
Demian Smith, как бы вот...
адрес jinteam.ru/ru
index.html

Заходим по адресу, в консоле получаю

Жму F5

где искать "косяк"? :)

Дополнение, через 5 мин:
Ради опыта поменял руками на хосте в index.html пути к файлам с
<script type="text/javascript" src="inline.39fd3cea932359cf7414.bundle.js"></script> <script type="text/javascript" src="polyfills.84c67e71244060afdb85.bundle.js"></script> <script type="text/javascript" src="main.21446803287820ee2358.bundle.js"></script>

на
<script type="text/javascript" src="/ru/inline.39fd3cea932359cf7414.bundle.js"></script> <script type="text/javascript" src="/ru/polyfills.84c67e71244060afdb85.bundle.js"></script> <script type="text/javascript" src="/ru/main.21446803287820ee2358.bundle.js"></script>

Приложение заработало, но не подгрузило то что было в папке assets
Написано более трёх лет назад
Demian Smith @search

Максим, не открывается страница. Тяжело себе представить почему так... Может быть у вас там еще один тег base href='/' где-то в html случайно затесался?

Написано более трёх лет назад
Максим @Niiix Автор вопроса

Demian Smith, перепроверил - нету. Получается то все пути оно строит относительно "/" а не того что указал в base href='/' :( хоть бери и все руками переназначай...

Написано более трёх лет назад
Demian Smith @search

Максим, попробуйте указать

<base href="/ru/">

Написано более трёх лет назад
Максим @Niiix Автор вопроса

Demian Smith, в таком случае, после сборки даже и локально не запускается :(

Добавил через 3 мин
Странно, НО когда забросил на хост
<base href="/ru/">
то функционал весь работает, НО все равно не подтянуло данные из папки assets.
Если поменять путь картинок с
../../assets/img/phone-icon.png
на
../../ru/assets/img/phone-icon.png
тогда подхватывает и картинки

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

Angular

Средний
Как исправмить ошибку — No value accessor for form control unspecified name attribute?
- 1 подписчик
- 17 апр.
- 21 просмотр
0

ответов
Angular

Средний
При использовании Ангулар 17 всё ок работало без алиасов, но когда давила в tsconfig path, и изменила везде пути, то столкнулась с ошибкой в консоли?
- 1 подписчик
- 10 апр.
- 47 просмотров
0

ответов
Angular

Простой
Почему guard в angular на долю секунды показывает страницу авторизации?
- 1 подписчик
- 08 апр.
- 53 просмотра
0

ответов
Angular

Простой
По какой причине ангуляр приложение не создает модули?
- 1 подписчик
- 07 апр.
- 26 просмотров
1

ответ
Angular

Простой
Как правильно использовать Resolver-ы в ангуляре?
- 1 подписчик
- 07 апр.
- 21 просмотр
0

ответов
Angular

+2 ещё

Средний
Apache2 + Angular2 как настроить переход по ссылке для авторизации oauth2 на spring boot?
- 1 подписчик
- 04 апр.
- 19 просмотров
1

ответ
Angular

Простой
Какую версию стоит учить?
- 1 подписчик
- 29 мар.
- 128 просмотров
1

ответ
Angular

Простой
Как на Angular вывести редактор динамического документа?
- 1 подписчик
- 28 мар.
- 20 просмотров
1

ответ
Angular

Простой
Каким образом можно программно дёрнуть роутер в чужом SPA-приложении в режиме production через песочницу Tampermonkey?
- 1 подписчик
- 20 мар.
- 69 просмотров
0

ответов
Angular

Простой
Как formgroup превратить в formarray?
- 2 подписчика
- 12 мар.
- 146 просмотров
0

ответов
Показать ещё Загружается…

Angular frontend developer, разработчик middle+

IT Force • Краснодар

от 200 000 ₽

Backend Developer в бьюти-платформу LUUK

УК «Решения» • Москва

от 200 000 ₽

Middle+ Marketing manager

Правое полушарие Интроверта

от 120 000 ₽

Доработать клиентское приложение для GTA 5 на C#

20 апр. 2024, в 00:51

1000 руб./за проект

Верстка и логика формы выбора билетов в зале для покупки

20 апр. 2024, в 00:43

10000 руб./за проект

Разработать формирование УПД на Java

20 апр. 2024, в 00:28

20000 руб./за проект

Выглядит действительно странно. Советую еще раз убедиться что на хосте установлен именно

<base href="/ru">
Demian Smith, как бы вот...
адрес jinteam.ru/ru
index.html

Заходим по адресу, в консоле получаю

Жму F5

где искать "косяк"? :)

Дополнение, через 5 мин:
Ради опыта поменял руками на хосте в index.html пути к файлам с
<script type="text/javascript" src="inline.39fd3cea932359cf7414.bundle.js"></script> <script type="text/javascript" src="polyfills.84c67e71244060afdb85.bundle.js"></script> <script type="text/javascript" src="main.21446803287820ee2358.bundle.js"></script>

на
<script type="text/javascript" src="/ru/inline.39fd3cea932359cf7414.bundle.js"></script> <script type="text/javascript" src="/ru/polyfills.84c67e71244060afdb85.bundle.js"></script> <script type="text/javascript" src="/ru/main.21446803287820ee2358.bundle.js"></script>

Приложение заработало, но не подгрузило то что было в папке assets
Максим, не открывается страница. Тяжело себе представить почему так... Может быть у вас там еще один тег base href='/' где-то в html случайно затесался?
Demian Smith, перепроверил - нету. Получается то все пути оно строит относительно "/" а не того что указал в base href='/' :( хоть бери и все руками переназначай...
Максим, попробуйте указать

<base href="/ru/">
Demian Smith, в таком случае, после сборки даже и локально не запускается :(

Добавил через 3 мин
Странно, НО когда забросил на хост
<base href="/ru/">
то функционал весь работает, НО все равно не подтянуло данные из папки assets.
Если поменять путь картинок с
../../assets/img/phone-icon.png
на
../../ru/assets/img/phone-icon.png
тогда подхватывает и картинки

Angular, как быть если приложение не в корневом каталоге?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт