角度2部署在github上

Question

如何在github上部署angular 2网站应用程序？我是Git和Github的新手，所以刚看到互联网上的基础知识并在github上创建了一个存储库，最后在我的git bash中运行所有步骤后生成了一个url，当我试图打开它时，Github 404错误页面正在显示。

这些是我遇到的命令：

git remote add origin https://github.com/Muraliduke/MuraliDukeResume.git

git push -u origin master

ng github-pages:deploy

单页面应用程序在github上托管网站有什么困难吗？我尝试使用普通的html内容，我在github上的网站运行正常。但这与ng2无法正常工作。刚刚在互联网上看到，必须要有一些前缀来支持github上的SPA，但由于我不熟悉github并不理解它。亲切地建议我一个解决方案？

Answer 1

有一些事情：

• 不推荐使用Angular CLI部署到GitHub页面。使用angular-cli-ghpages
• 添加404.html修复
• 确保您已打开＆＃34;打开＆＃34;来自存储库设置的gh-pages分支的GitHub页面
• 可选，添加自定义域

This blog拥有您需要的一切。

Answer 2

确保进行构建以将必要的文件放入dist。

ng build --prod

首先从应用程序的Dist文件夹中获取所有相关文件

对我来说，资产文件夹main.bundle.js中的css文件是polyfills.bundle.js vendor.bundle.js

然后将此文件推送到您创建的仓库中。

1 - 如果您希望应用程序在根目录上运行 - 创建一个名为[yourgithubusername] .github.io的特殊仓库，并在主分支中填写这些文件

2 - 如果你想在不同于root的不同brach的子目录中创建这些页面，请创建一个分支gh-pages并在该分支中推送这些文件。

在这两种情况下，我们访问这些部署页面的方式都不同。

对于First Case，它将是https://[yourgithubusername].github.io，对于第二种情况，它将是[yourgithubusername] .github.io / [Repo name]。

如果假设您要使用第二种情况部署它，请确保更改dist中index.html文件的基本URL，因为所有路由映射都取决于您提供的路径，并且应设置为[/ branchname ]

Github存储库 - https://github.com/rahulrsingh09/Deployment