如何主持angular 2网站?

前端之家收集整理的这篇文章主要介绍了如何主持angular 2网站?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何主持angular 2网站?

我是角度2的新手,我创建了一个没有后端的简单网站.

我想知道当我尝试直接打开index.html文件时,它会打开并显示错误.

但是在命令“npm start”之后它运行正常,它在计算机上运行本地服务器.

那么,如何在简单的托管站点上托管这个网站(不是专用服务器..!)?

我认为托管站点自动找到index.html文件,但是问题是,如果没有“npm start”命令,index.html就不会启动.

我可以在服务器上启动该进程吗?

请指导我.

使用以下简单步骤在Firebase上托管Angular 2 App:
首先使用Angular CLI创建项目.在这里获取更多信息 https://cli.angular.io/

第1步:构建您的应用程序

运行以下cmd进行构建

ng build --prod

第2步:创建FireBase项目并安装Firebase CLI

https://console.firebase.google.com/打开Firebase控制台并创建一个新的Firebase项目.

要安装Firebase命令行工具,请运行:

npm install -g firebase-tools

第3步:部署到FireBase

运行以下firebase cmd登录

firebase login

它将打开浏览器并要求您进行身份验证.使用您的Firebase帐户登录.之后你可以关闭浏览器窗口.在命令行上,您将收到登录已成功执行的消息.

现在运行以下cmd:

firebase init

首先,系统会询问您要使用哪种Firebase客户端功能.您应该选择托管选项:配置和部署Firebase托管站点.接下来,Firebase客户端将询问用于部署的文件夹.输入dist.这很重要,因为这是我们的生产构建存储的位置.

接下来的问题是询问这个应用程序是否是单页应用程序,是否应该重写所有URL到index.html.在我们的例子中,我们需要回答是.

最后一个问题是Firebase是否应该覆盖文件index.html.这个问题的答案是否定的.

现在,运行以下cmd进行部署:

firebase deploy

Firebase将提供一个URL,您可以使用该URL在线访问您的应用程序.

[更新]

现在,在成功部署应用程序之后,如果要进行一些更改并在同一URL上部署代码.按照相同的步骤.但请确保您指向您的项目.

要列出所有项目,请使用以下命令:

firebase list

要将项目作为当前项目使用:

firebase use <project_id>

猜你在找的Angularjs相关文章