angular4 ng build 后生成的dist 文件夹中显示无内容的解决办法。

angular4 ng build 后生成的dist 文件夹中显示无内容的解决办法。

现象:

ng serve 命令启动，localhost:4200浏览内容显示正常，用ng build 打包后，将dist目录copy到tomcat 下，却显示空白

 

解决方法：

将项目/src 目录下的index.html内容修改

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>AdminConsole</title>
  <base href="./">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>
</html>

　　

<base href="/"> 修改为
<base href="./"> 即可。
posted @ 2018-03-29 22:36  涵旭  阅读(2426)  评论(0)  编辑  收藏  举报