Angular SSR не отображает данные из API в источнике страницы в браузере для развернутого SSR сервера, но работает над локальной сборкой продукта - PullRequest
Новая
       11

Angular SSR не отображает данные из API в источнике страницы в браузере для развернутого SSR сервера, но работает над локальной сборкой продукта

0 голосов
/ 07 марта 2020

У меня есть приложение angular 7 и я сделал универсальную версию приложения (SSR для целей SEO).

Приложение работает как обычно, все данные из API отлично отображаются как в локальном режиме, так и на сервере.

Проблема, однако, заключается в том, что, когда я просматриваю «Источник страницы» в браузере, данные API не отображаются в браузере при получении с сервера.

пакет. json

 "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm start",
    "compile:server": "webpack --config webpack.server.config.js --progress --colors",
    "serve:ssr": "node dist/server",
    "build:ssr": "npm run build:client-and-server-bundles && npm run compile:server",
    "build:client-and-server-bundles": "ng build --prod && ng run nthexam:server:production",
  },

Команда npm run build:ssr:stage && npm run serve:ssr создает приложение SSR и прекрасно работает на локальной машине.

ISSUE

Источник страницы в браузере не показывает данные API, если SSR развернут на сервере (Ubuntu), однако для stati c content все работает нормально.

В локальном режиме он отлично работает как для c, так и для данных API, и то, и другое видно в источнике страницы в localhost.

После некоторого поиска: я использую cloudflare , я попытался отключить весь кэш, все еще бесполезный.

Я попробовал это: Ссылка Но на тех немногих страницах, где у меня нет ошибок консоли, даже тогда, когда они не показывают данные в исходном коде страницы, и локально они прекрасно работают независимо от указанной ошибки.

1 Ответ

0 голосов
/ 07 марта 2020

Источник страницы показывает файлы c, запрошенные с сервера. Все, что происходит на стороне клиента, например вызовы API на вашем сервере, не влияет на источник. Данные API можно увидеть на вкладке сети в запросе xhr или в DOM на вкладке элементов, если данные были проанализированы в DOM.

...