Question

我遇到了一个问题，我真的希望这里的人可以解决... 我创建了一个有角度的项目，一旦使用ng build --prod构建了用于生产的项目，当我尝试使用服务器访问该项目时，我只会得到白页，而不会出现控制台错误。以某种方式<> app-root> <> app-root /> 保持隐藏。如果我将任何测试文本添加到页面的正文中，则它确实会显示出来...我将添加一些图片和代码以使其更加清晰：

ng服务的输出： output for ng serve

在服务器上运行应用程序后的输出： output for running server

index.html：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Testapp</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="../resources/css/styles.34c57ab7888ec1573f9c.css" th:href="@{/css/styles.34c57ab7888ec1573f9c.css}" rel="stylesheet" />
  <!-- 
<link rel="stylesheet" href="styles.34c57ab7888ec1573f9c.css">
<script type="text/javascript" src="runtime.a66f828dca56eeb90e02.js"></script><script type="text/javascript" src="polyfills.2f4a59095805af02bd79.js"></script><script type="text/javascript" src="main.d6e524e11d43dad9c75a.js"></script></body>
   -->
</head>
<body>
<h1>BEFORE APP ROOT</h1>
  <app-root></app-root>
  <script type="text/javascript" href="../resources/js/runtime.a66f828dca56eeb90e02.js"></script>
  <script type="text/javascript" href="../resources/js/polyfills.2f4a59095805af02bd79.js"></script>
  <script type="text/javascript" href="../resources/js/main.d6e524e11d43dad9c75a.js"></script>
  <h1>AFTER APP ROOT</h1>
  </body>
</html>

这可能导致什么？如果您需要发布任何其他代码/图片，请发表评论。.我真的对这个问题感到困惑

衷心感谢

**更新：我为一个新的Angular项目更新了图片和代码，以避免混淆

更新：将基本href更改为

后，update3的另一个屏幕截图

 <base href="/testapp/">

和我的春季项目的照片[日食]： project structure

Answer 1

那是因为基本href错误：

<base href="/">

这必须反映您用于访问角度应用程序的URL。

将其更改为

<base href="/couponsystem/">

Answer 2

只需在您的 index.html 中应用它，它就会像魅力一样工作

<base href="#">

Angular项目在生产后显示白页

2 个答案: