要将Angular应用部署在GitHub Pages上,可以按照以下步骤进行操作:
步骤1:在GitHub上创建一个新的仓库,并将其克隆到本地机器上。
步骤2:在本地机器上使用Angular CLI创建一个新的Angular应用。
ng new my-angular-app
cd my-angular-app
步骤3:构建Angular应用。
ng build --prod --base-href "https://.github.io//"
这将生成一个名为dist
的文件夹,其中包含可部署到GitHub Pages的静态文件。
步骤4:将dist
文件夹中的内容复制到GitHub仓库的根目录。
步骤5:在GitHub仓库的根目录中创建一个名为404.html
的文件,并将以下内容添加到文件中:
MyAngularApp
此文件将处理所有路由请求,并将它们重定向到index.html
。
步骤6:将更改推送到GitHub仓库。
git add .
git commit -m "Deploying Angular app to GitHub Pages"
git push origin master
步骤7:在GitHub仓库的设置中,找到GitHub Pages部分,并选择master branch
作为源。
完成以上步骤后,你的Angular应用将被部署到GitHub Pages上。可以通过访问https://
来查看部署的应用。
请注意替换
为你的GitHub用户名,
为你的仓库名称。