angular - 在 Digital Ocean App Platform 上刷新 Angular SPA 时出现 404 页面

Question

我一直在新的 Digital Ocean App Platform 上测试一个 Angular 单页应用作为静态站点。

当我访问根 URL 并通过单击链接导航到不同页面时，Angular 应用程序加载正常。但是，当我在任何页面上刷新浏览器时，都会收到 404 错误。

Digital Ocean App Platform是否需要nginx.conf文件？我是否缺少需要在环境中启用 pushstate 的步骤？

Answer 1

编辑:

您现在可以在本说明中正式使用 catchall_document 属性而不是 error_document。

---

我认为应用平台中的官方 SPA 现在是不可能的。更多信息在这里 https://www.digitalocean.com/community/questions/digital-ocean-apps-spa-application

但目前有一个解决方法。

创建app.yaml文件

name: APP_NAME
region: fra
static_sites:
- build_command: |-
    git init
    git clean  -d  -f .
    git remote add origin https://github.com/REPOSITORY
    git fetch origin $BRANCH_NAME
    git checkout $COMMIT_SHA
    npm install
    npm install -g @angular/cli
    ng build --prod
  environment_slug: node-js
  github:
    branch: master
    deploy_on_push: true
    repo: REPOSITORY
  name: APP_NAME
  error_document: index.html
  routes:
  - path: /

在这个文件中，我们将 error_document 设置为 index.html(我们的索引文件)。现在每个页面都被重定向到索引文件。

然后你必须运行 doctl 命令来使用 app.yaml 文件创建新的应用程序。您必须使用此命令才能应用此配置文件。

doctl apps create --spec app.yaml

之后转到您的应用平台仪表板，您可以看到您的 SPA 应用

如何设置doctl？ https://www.digitalocean.com/docs/apis-clis/doctl/how-to/install/

如何查看我当前的 .yaml 设置？在应用面板中点击设置标签，在应用规范行中点击查看

就是这样