如何在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,所以我不理解它。所以请给我一个好的解决方案?
发布于 2017-06-06 03:07:21
这里有几件事:
已弃用使用Angular CLI将
中为您的gh-pages分支“打开”了定制页面
This blog拥有您需要的一切。
发布于 2017-08-01 19:55:00
确保执行一次构建,将必要的文件放入dist。
ng build --prod
首先,从应用程序的Dist文件夹中获取所有相关文件
对我来说,是assets文件夹main.bundle.js polyfills.bundle.js vendor.bundle.js中的css文件
然后将此文件推送到您创建的存储库中。
1 --如果希望应用程序在根目录上运行--创建一个名为yourgithubusername.github.io的特殊存储库,并在主分支中操作这些文件
2 --如果您想在的子目录中创建这些页面,而不是在根目录下,请创建一个分支gh-pages并将这些文件推送到该分支中。
在这两种情况下,我们访问这些已部署页面的方式将有所不同。
对于第一种情况,它将是https://[yourgithubusername].github.io,对于第二种情况,它将是您的githubusername.github.io/Repo name。
如果您想使用第二种情况部署它,请确保更改dist中index.html文件的基本url,因为所有路由映射都依赖于您提供的路径,并且应该将其设置为/branchname。
Github存储库- https://github.com/rahulrsingh09/Deployment
https://stackoverflow.com/questions/42053633
复制相似问题