当将Angular应用部署到Github Pages后,可能会遇到无法初始化的问题。这通常是由于基本路径(base href)设置不正确导致的。以下是解决这个问题的步骤和代码示例:
angular.json
文件,然后找到projects > your-project-name > architect > build > options
。options
中添加一个baseHref
属性,并将其设置为Github Pages的URL。通常情况下,这个URL是/your-repo-name/
。"options": {
"outputPath": "dist/your-project-name",
"baseHref": "/your-repo-name/",
...
}
src > index.html
文件,并将
这一行修改为
,与上一步设置的baseHref
相匹配。
ng build --prod --base-href /your-repo-name/
ng deploy
通过以上步骤,你的Angular应用应该能够正确地初始化并在Github Pages上显示。记得将your-repo-name
替换为你的Github仓库名称。