Угловой 2 CLI - Развертывание

Question

Я построил приложение с угловым 2 с использованием Углового 2 CLI. Моя проблема заключается в том, что я хочу развернуть приложение на локальном сервере в качестве промежуточной среды для просмотра другими пользователями.

В большинстве учебных пособий, в которых используется Угловой 2 CLI, отображается папка dist, которая, как представляется, была сгенерирована, когда проект был впервые создан с использованием CLI. Я могу создать только папку dist, используя ng build. Я предполагаю, что CLI Angular 2 изменился, где первоначально папка dist была частью исходной структуры папок, но теперь она генерируется только при использовании ng build?

В качестве теста я скопировал сгенерированный dist папку в www папку сервера WAMP [http://localhost:8080/Project/dist/], чтобы попытаться запустить приложение ... Консоль браузер показывает:

Failed to load resource: the server responded with a status of 404 (Not Found)  http://localhost:8080/inline.js 
Failed to load resource: the server responded with a status of 404 (Not Found)  http://localhost:8080/bundle.js 

Он ищет все активы в корневом каталоге локального сервера, вместо того, чтобы устанавливать корень в местоположение index.html в папке dist. Все изображения и значки имеют ту же проблему ... Я полагаю, что мне не удалось что-то настроить для относительных путей ... Что мне делать?

Answer 1

Прежде всего, вы можете указать выходной путь команды ng build - поэтому ручного копирования не требуется. Например: ng build --output-path /var/www/app_foo/root/.

Во-вторых, есть базовый путь концепция реализована в виде базового тега в index.html - <base href="/path">. Вы можете установить его вручную или во время строительства через ng build --base-href /path/.

В вашем случае это должно совпадать: ng build --base-href /Project/dist/.