Разверните Angular Universal SSR + .NET Core в Azure Devops - PullRequest
2 голосов
/ 24 мая 2019

У меня есть приложение на лазурных devops с .net core и angular. Теперь я хочу реализовать Angular Universal SSR.

Затем я сделал на моем проекте:

ng add @ nguniversal / express-engine --clientProject angular.io-example

Мой пакет.json:

"scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "npm run build:client-and-server-bundles && npm run compile:server",
    "build:ssr": "npm run build:client-and-server-bundles && npm run compile:server",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "bundle-report": "ng build --extract-css --stats-json && webpack-bundle-analyzer dist/stats.json",
    "compile:server": "webpack --config webpack.server.config.js --progress --colors",
    "serve:ssr": "node dist/server",
    "build:client-and-server-bundles": "ng build --extract-css --prod && ng run Catevering:server:production"
  }

Затем я вижу на куду следующие файлы структуры:

  • Сервер
  • браузер
  • server.js

[Проверьте здесь мою файловую структуру] [1]

Наконец, я изменяю следующую строку в моем файле startup.cs:

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

Автор:

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

Этот способ работает, и мое приложение работает. Но мое приложение не работает как SSR. На моем локальном хосте мое приложение работает как SSR с помощью следующей команды:

узел server.js

Для этого я попытался изменить свой код следующим образом:

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

Но это не работает. Тем не менее, мой веб-интерфейс API работает.

Кто-то может мне помочь?

Мне нужно запустить приложение как SSR на лазурных девопах.

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