ng build - получение 404 для всех статических активов - PullRequest
0 голосов
/ 08 декабря 2018

Я создал приложение Angular 7 с помощью @ angular / cli, я ничего не изменил, все настройки по умолчанию - я просто создал его 20 минут назад.

Когда я запускаю ng build или ng build --prod, он помещает сборку:

dist/
  appname/

, в моем случае это

dist/
  api-app/

выглядит так:

enter image description here

Странно то, что когда я загружаю index.html, я получаю 404s для всех статических ресурсов:

<-- [GET] /
--> 200 OK / (dist/api-app/index.html) 592 Byte (19.188ms)
<-- [GET] /styles.3ff695c00d717f2d2a11.css
<-- [GET] /runtime.ec2944dd8b20ec099bf3.js
--> 404 /styles.3ff695c00d717f2d2a11.css (2.416ms)
--> 404 /runtime.ec2944dd8b20ec099bf3.js (2.236ms)
<-- [GET] /polyfills.20ab2d163684112c2aba.js
<-- [GET] /main.9113cc683ed9b1c834cf.js
--> 404 /polyfills.20ab2d163684112c2aba.js (0.471ms)
--> 404 /main.9113cc683ed9b1c834cf.js (0.550ms)
<-- [GET] /styles.3ff695c00d717f2d2a11.css
--> 404 /styles.3ff695c00d717f2d2a11.css (0.732ms)

Я пытался загрузить страницу index.html, используя несколько разных серверов, и она всегдаполучает 404s за статические активы.Кто-нибудь знает почему?Вот файл index.html:

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

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="styles.3ff695c00d717f2d2a11.css">
</head>
<body>
<app-root></app-root>
<script type="text/javascript" src="runtime.ec2944dd8b20ec099bf3.js"></script>
<script type="text/javascript" src="polyfills.20ab2d163684112c2aba.js"></script>
<script type="text/javascript" src="main.9113cc683ed9b1c834cf.js"></script>
</body>
</html>

1 Ответ

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

Причина была в том, что у моего веб-сервера был неправильный root.Я сделал это:

$ npm i -g static-server
$ cd dist/api-app
$ static-server

теперь работает

...