在部署angular应用程序时获取404

Question

我正在使用angular部署文档在github页面上部署我的angular应用程序。我遵循了以下步骤：

ng build --prod --output-path docs --base-href //

构建完成后，复制docs/index.html并将其命名为docs/404.html。

提交更改并推送

在GitHub项目页面上，将其配置为从docs文件夹发布。

但当我在部署后运行应用程序时，我看到一个空白页面，并且在浏览器控制台上看到以下错误消息:main-es2015.84e37fd7abe9e8bbec00.js“由于不允许的MIME类型(”text/html“)而被阻止。polyfills-es2015.f332a089ad1600448873.js“由于不允许的MIME类型(”text/html“)而被阻止。运行时-es2015.0dae8cbc97194c7caed4.js“由于不允许的MIME类型(”text/html“)而被阻止。

我对Angular是个新手。谁能帮帮我。

Answer 1

确保你有

<base href=".">

而不是在您的index.html文件中

<base href="/">

这样web服务器就可以在您当前目录中而不是根目录中查找.js文件。

Answer 2

我也有同样的问题--所有引用的资源都找不到。

在不将任何内容更改为angular.json或index.html的情况下跟随Angular核心

@angular-devkit/architect       0.1001.2 
@angular-devkit/build-angular   0.1001.2 
@angular-devkit/core            10.1.2
@angular-devkit/schematics      10.1.2
@schematics/angular             10.1.2
@schematics/update              0.1001.2
rxjs                            6.6.3
typescript                      4.0.2

通过使用以下命令构建，然后将文件夹docs推送到存储库，解决了此问题

ng build --prod --output-path="docs" --base-href="https://user.github.io/project/"

然后在github中，选择master作为分支，docs作为文件夹。