【发布时间】：2019-02-19 10:08:59
【问题描述】：
我遇到了一个问题，我真的希望这里有人可以解决... 我创建了一个有角度的项目，一旦我使用 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 项目更新了图片和代码以避免混淆
更新：update3将基本 href 更改为
后的另一个屏幕截图 <base href="/testapp/">
还有一张我的春季项目的图片[在 Eclipse 中]： project structure
【问题讨论】：
-
嗯，我也遇到了类似的问题，尝试像这样更改基本 href >
<base href="./">
标签： java css angularjs angular single-page-application