Опубликовать Угловое приложение 2

Итак, возможно, я здесь совершенно глуп, однако все, что я пытаюсь сделать, это опубликовать мой тестовый проект для моего хост-провайдера.Опубликовать Угловое приложение 2

Это были шаги, которые я затем:

RAN: ng build -prod

Ждали папку dist быть создан:

FTP на мой хостинг-провайдера, скопировал и вставил содержимого из папки dist в папку public_html на сервере.

, переключение на URL, и я не вижу ничего, кроме белого экрана с загрузкой в верхнем левом углу, 5 ошибок в консоли следующего содержания:

Может кто-нибудь объяснить мне, что именно я делаете неправильно здесь?

источник

2017-01-17 Code Ratchet

Вы загружали все файлы в корень вашей папки public_html? И какова база href в вашем index.html? –

@OwainvanBrakel Я загрузил все файлы из папки dist в папку public_html на моем сервере. моя база href –

Хм, это действительно странно, есть ли какие-либо правила перезаписи, которые бы противоречили? также можно поделиться URL-адресом? –

https://angular.io/docs/ts/latest/guide/router.html

Добавить базовый элемент сразу после тега. Если папка приложения является корнем приложения, как и для нашего приложения, установите значение href точно так, как показано здесь.

<base href="/"> сообщает Угловому маршрутизатору статическую часть URL-адреса. Затем маршрутизатор изменяет только оставшуюся часть URL-адреса.

В вашем случае статическая часть URL-адреса равна site.com/~activem1/, поэтому вам нужно будет передать дополнительную часть URL-адреса в базовом href.

<head> 
    <base href="/~activem1/"> 
</head>

Если вы используете угловой кли построить можно легко добавить команду сборки для вашего package.json "dist": "ng build --prod --base-href \"/~activem1/\"" при запуске npm run dist база HREF будет установлена командой нг сборки.

источник

2017-01-17 05:43:47

Опубликовать Угловое приложение 2

ответ

Смежные вопросы