Angular项目在生产后显示白页

问题描述 投票:0回答:1

我遇到了一个问题,我真的希望有人可以解决这个问题......我已经创建了一个角度项目,一旦我构建了生产使用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后的update3another screenshoot

 <base href="/testapp/">

和我的春天项目[在日食]的照片:project structure

java css angularjs angular single-page-application
1个回答
1
投票

那是因为基础href是错误的:

<base href="/">

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

将其更改为

<base href="/couponsystem/">
© www.soinside.com 2019 - 2024. All rights reserved.