Угловой код не работает на сервере после развертывания - PullRequest
0 голосов
/ 23 октября 2019

Я использую angular 8

, когда я строю свой проект на локальном компьютере, используя "ng build" или "ng build --prod true", это нормально работает.

   local URL is http://localhost:4200/apw/

Но когда я развертываю свой код на сервере (сервер использует угловой модуль maven для сборки и развертывания кода), он не работает (например, когда я запускаю сборку с использованием сервера tomcat) и запускаю кодна https://ciigate.apexxfintech.com/apw/

В консоли отображается ошибка, не удается найти основные файлы, такие как main.js, pollyfills.ts, runtime.js и т. д. Поэтому ничего не отображается на https://ciigate.apexxfintech.com/apw/

enter image description here

это мой index.html

 <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
  <title>Apexx Portal</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="//netdna.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <!-- material icons import-->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body style="margin: 0px">
  <app-root></app-root>
</body>
</html>

Пожалуйста, дайте мне знать, если вам нужна какая-либо другая информация относительно того же

1 Ответ

0 голосов
/ 24 октября 2019

Я думаю, что ошибка, которую вы получаете, заключается в том, что вы не определили правильные пути в своем файле angular.json, например:

SAMPLE ANGULAR.JSON SNIPPET

"options": {
            "outputPath": "dist",
            "index": "src/index.html",   //Define your main,runtime,polyfills routes here
            "main": "src/main.ts",
            "tsConfig": "src/tsconfig.app.json",
            "polyfills": "src/polyfills.ts",
            "assets": [
              "src/assets",
              "src/favicon.ico",
              "src/manifest.webmanifest"
            ],
            "styles": [
              "src/styles.css",
              "node_modules/bootstrap/scss/bootstrap.scss",
              "src/assets/scss/paper-dashboard.scss",
              "node_modules/ngx-toastr/toastr.css",
              "node_modules/bootstrap/dist/css/bootstrap.css",
              "node_modules/font-awesome/css/font-awesome.min.css"
            ],
            "scripts": [
              "node_modules/bootstrap/dist/js/bootstrap.js"
            ]
          },

После обновления файла снова выполните сборку --prod, а затем разверните его.

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