1

我使用 @angular/cli 生成了一个 Angular 7 应用程序，我没有更改任何内容，所有默认设置 - 我刚刚在 20 分钟前创建它。

当我运行ng buildorng build --prod时，它会将构建放入：

dist/
  appname/

在我的情况下

dist/
  api-app/

看起来像这样：

在此处输入图像描述

奇怪的是，当我加载 index.html 时，我得到所有静态资产的 404：

<-- [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 页面，它总是为静态资产获得 404。有谁知道为什么？这是 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>
4

1 回答 1

0

原因是我运行的 Web 服务器的根目录错误。我这样做了：

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

现在它可以工作了

于 2018-12-08T04:27:26.353 回答