Приложение Angular 2 не работает на HTTP-сервере Apache

Я скопировал свое приложение Angular 2 на Apache HTTP Server 2.4 в папку htdocs, но оно не работает.Приложение Angular 2 не работает на HTTP-сервере Apache

index.html:

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Angular 2 app</title> 
    <base href="/"> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 

</head> 
<body> 
    <app-root>Loading...</app-root> 
</body> 
</html>

Если я пытаюсь открыть страницу index.html в браузере, я вижу только текст "Loading ...." в своем браузере. Приложение Angular 2 не отображается.

Как это исправить?

Он работает на моей локальной среде, где я использую Angular CLI. Мне нужно найти способ заставить его работать на Apache HTTP Server 2.4. Единственное, что мне нужно сделать локально, - запустить «npm start».

С наилучшими пожеланиями

Александр

источник

2017-01-20 Alexandru

Используете ли вы угловое cli для его локального использования? – MikeOne

Да, локально я использую angular-cli. Единственное, что я делаю локально, - запустить «npm start». – Alexandru

Вам нужно будет создать Построить, если вы планируете запустить приложение на удаленном сервере. Используйте команду «ng build» (сначала запустите npm start). ng build создаст дистрибутивную сборку в папке «dist» в вашем проекте. Вы можете скопировать содержимое этой папки на ваш удаленный сервер.

источник

2017-01-20 15:51:40 MikeOne

Во-первых, установить угловую CLI в вашем Dev Environnement (если это не сделано уже)

npm install -g angular-cli

Выполнить эту команду, чтобы построить DIST версию проекта

ng build -prod

копировать/вставить содержимое dist в корень вашего локального (или онлайн) сервера Apache

источник

2017-01-20 17:59:46 mickdev

Как это другой ответ, чем мой ответ? – MikeOne

Мой ответ просто предоставляет более подробную информацию, поскольку @Alexandru кажется новым в угловом мире. – mickdev

вам просто нужно добавить точку в базе href <base href="./">

источник

2017-03-14 15:27:51 SuperGirl

Работает для меня! Спасибо –

Работы для меня также –

Приложение Angular 2 не работает на HTTP-сервере Apache

ответ

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