首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在github上部署angular 2

在github上部署angular 2
EN

Stack Overflow用户
提问于 2017-02-05 23:12:52
回答 2查看 104关注 0票数 1

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

以下是我运行过的命令:

代码语言:javascript
运行
复制
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,所以我不理解它。所以请给我一个好的解决方案?

EN

回答 2

Stack Overflow用户

发布于 2017-06-06 03:07:21

这里有几件事:

已弃用使用Angular CLI将

  • 部署到GitHub页面。使用404.html修复程序添加自定义域确保您已经从存储库settings
  • optionally,

中为您的gh-pages分支“打开”了定制页面

This blog拥有您需要的一切。

票数 1
EN

Stack Overflow用户

发布于 2017-08-01 19:55:00

确保执行一次构建,将必要的文件放入dist。

代码语言:javascript
运行
复制
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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42053633

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档