Question

我在htdocs文件夹中的Apache HTTP Server 2.4上复制了我的Angular 2应用程序，但它不起作用。

的index.html：

<!doctype html>
<html>
<head>
   <meta charset="utf-8">
   <title>Angular 2 app</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>Loading...</app-root>
</body>
</html>

如果我尝试在浏览器中打开index.html页面，我只会在浏览器中看到“正在加载....”文字。不显示Angular 2应用程序。

我该如何解决这个问题？

它适用于我的本地环境，我正在使用Angular CLI。我需要找到一种方法使其在Apache HTTP Server 2.4上运行。我必须在本地做的唯一事情是运行“npm start”。

祝你好运

亚历

Answer 1

你只需要在基础href <base href="./">

中添加一个点

Answer 2

如果您计划在远程服务器上运行应用程序，则需要创建Build。使用＆＃39; ng build＆＃39;命令（先停止npm开始）。 ng build将在＆＃39; dist中创建可分发的构建。项目中的文件夹。您可以将此文件夹的内容复制到远程服务器。

Answer 3

首先，在您的开发环境中安装Angular CLI（如果尚未安装）

npm install -g angular-cli

运行此命令以构建项目的dist版本

ng build -prod

将dist文件夹的内容复制/粘贴到本地（或在线）apache服务器的根目录

Answer 4

如果您使用angular-cli，请按照以下步骤操作：

您需要为生产运行构建您的应用程序（这会生成一个包含您应用程序名称的文件夹）：

  ng build -prod --output-path=[appname]-bh /appname/

将您的app文件夹复制到root apache服务器路径：/ var / www / html /

这就是全部

此致

费尔南多。

Angular 2应用程序无法在Apache HTTP Server上运行

4 个答案: