我在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”。
最好的祝福
亚历
你只需要在基础href <base href="./">
中添加一个点
如果您计划在远程服务器上运行应用程序,则需要创建Build。使用'ng build'命令(先停止npm start)。 ng build将在项目的'dist'文件夹中创建可分发的构建。您可以将此文件夹的内容复制到远程服务器。
首先,在您的开发环境中安装Angular CLI(如果尚未完成)
npm install -g angular-cli
运行此命令以构建项目的dist版本
ng build -prod
将dist文件夹的内容复制/粘贴到本地(或在线)Apache服务器的根目录中
如果您使用angular-cli,请按照以下步骤操作:
ng build -prod --output-path=[appname]-bh /appname/
就这样
问候,
费尔南多。