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

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

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

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”。

最好的祝福

亚历

apache angular
4个回答
6
投票

你只需要在基础href <base href="./">中添加一个点


0
投票

如果您计划在远程服务器上运行应用程序,则需要创建Build。使用'ng build'命令(先停止npm start)。 ng build将在项目的'dist'文件夹中创建可分发的构建。您可以将此文件夹的内容复制到远程服务器。


0
投票

首先,在您的开发环境中安装Angular CLI(如果尚未完成)

npm install -g angular-cli

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

ng build -prod

将dist文件夹的内容复制/粘贴到本地(或在线)Apache服务器的根目录中


0
投票

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

  1. 您需要为生产运行构建您的应用程序(这会生成一个包含您应用程序名称的文件夹):
  ng build -prod --output-path=[appname]-bh /appname/
  1. 将您的app文件夹复制到root apache服务器路径:/ var / www / html /

就这样

问候,

费尔南多。

© www.soinside.com 2019 - 2024. All rights reserved.