在Angular版本13中,如果没有正确应用基本HREF,可能会导致404未找到错误,并且捆绑的js文件也无法找到。以下是解决该问题的步骤和代码示例:
步骤1:在根目录下的index.html文件中添加
My App
...
...
步骤2:在angular.json文件中的"build"和"serve"选项中添加"baseHref"属性。
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"baseHref": "/"
...
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"baseHref": "/"
...
}
},
步骤3:重新构建和启动应用程序。
运行以下命令重新构建应用程序:
ng build
然后运行以下命令启动应用程序:
ng serve
这样应用程序就会正确应用基本HREF,并且捆绑的js文件将能够正确找到。
请注意,如果应用程序部署在子目录下,例如 "/myapp/",则需要相应地配置基本HREF,例如:
index.html文件中的
angular.json文件中的"build"和"serve"选项:
"baseHref": "/myapp/"
重新构建和启动应用程序时,也需要使用相应的基本HREF:
ng build --base-href /myapp/
ng serve --base-href /myapp/
希望这能帮助到你解决问题!