Разверните приложение angular 6 и веб-API в одном веб-приложении Azure - PullRequest
0 голосов
/ 17 декабря 2018

Я придерживаюсь этой стратегии развертывания приложения Angular и веб-API в одном веб-приложении Azure.

У меня есть разработка приложений Angular с использованием VSCode и Web Api в VS 2017. Итакэто не полное приложение, как в шаблоне приложения Angular от VS 2017

Я развернул веб-API с

services.AddSpaStaticFiles(configuration =>
{
    configuration.RootPath = "ClientApp/dist";
});

и

app.UseSpa(spa =>
{
    spa.Options.SourcePath = "ClientApp";
});

Скопировановстроенная версия углового приложения в папку ClientApp/dist в веб-приложении Azure.Установите для WEBSITE_NODE_DEFAULT_VERSION приложения Azure значение 10.14.1, которое доступно там.

Но когда я просматриваю веб-сайт, я получаю ошибки в консоли браузера -

SyntaxError: expected expression, got '<'[Learn More] runtime.js:1
SyntaxError: expected expression, got '<'[Learn More] polyfills.js:1
SyntaxError: expected expression, got '<'[Learn More] styles.js:1
SyntaxError: expected expression, got '<'[Learn More] scripts.js:1
SyntaxError: expected expression, got '<'[Learn More] vendor.js:1
SyntaxError: expected expression, got '<'[Learn More] main.js:1 

Я вижу, что все запросыполучают index.html, а не настоящий файл .js.

Кажется, что угловое приложение с узлом не запускается.

1 Ответ

0 голосов
/ 17 декабря 2018

Предлагаю переместить ваше приложение Angular в Статический веб-сайт хранилища Azure .Он будет намного проще в развертывании, а также должен потреблять меньше ресурсов (ввод-вывод, процессор, память и т. Д.).См .:

Обновление

Взгляните на Разделение HTTP-адресов для разработки и разработки с использованием файла environment.ts в Angular о том, как передать URL-адрес вашего API, а также управлять различными URL-адресами для разных сред.

Обновление 2

Вы также можете следовать этому руководству и проверьте, если что-то не хватает в вашем коде запуска.

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...