【问题标题】:Angular 5 error 404 when copying dist to webserver将 dist 复制到网络服务器时出现 Angular 5 错误 404
【发布时间】:2018-03-15 16:29:57
【问题描述】:

我做了一个简单的 Angular 5 封面来说明我仍在构建这个网站。 ng serve 在本地运行良好,但现在我想在我的学校网站 here 上托管它,但我找不到所有这些 404 资源,我所做的只是在运行 ng build --prod 后将 dist/ 文件夹中的内容复制到 www / 网络服务器上的文件夹。

这个 cli 版本是 angular 5:

 "@angular/cli": "~1.7.1",
"@angular/compiler-cli": "^5.2.0",

我尝试将另一个推送到 github-pages,这有同样的问题githubpages 回购是 repo 但它几乎是一个空回购。

【问题讨论】:

    标签: angular hosting github-pages


    【解决方案1】:

    您需要在构建应用程序时添加--base-href 参数,如下所示:

    ng build --prod --base-href /~320255eg/
    

    /~320255eg/ 代表应用程序的路径。

    【讨论】:

    • 听起来很有道理,我一定会试试这个!我刚买了一个域名,我必须在那里使用什么网址,就像这样:www.blabla.be,不会 --base-href 在这里工作吗?
    • 当您的应用直接托管在您的域的根文件夹下时,您不需要设置它,注意默认情况下,它的值设置为/ (root)
    • 您的基本 href 将是您在域名第一个斜线之后放置的内容,例如在您的 github 页面中,它将是 /underconstruction
    • 是的! :) 是一样的
    • 因此使用--base-href some-path 构建您的应用程序将更新此<base-href="/"> 标签。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多