Question

我使用@ angular / cli生成了Angular 7应用程序，但我没有做任何更改，所有默认设置都是20分钟前创建的。

当我运行ng build或ng 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>

Answer 1

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

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

现在可以使用

ng build-为所有静态资产获取404

1 个答案: