Обновление страницы в Google Cloud App Engine добавляет 404

Question

У нас есть приложение Angular 6, созданное и развернутое в Google Cloud App Engine, которое работает правильно.Однако каждый раз, когда в браузере обновляется маршрут, отличный от корня приложения, мы получаем 404.

Вот наш файл app.yaml:

runtime: nodejs8

handlers:
  - url: /
    static_files: dist/song/index.html
    upload: dist/song/index.html
    secure: always

  - url: /(.*)
    static_files: dist/song/\1
    upload: dist/song/(.*)
    secure: always

  - url: /dashboard
    static_files: dist/song/index.html
    upload: dist/song/index.html
    secure: always

Ошибкаэто 404, говорящий «Статический файл, на который ссылается обработчик, не найден: song / dashboard / allshoppers»

Итак, он ищет статический файл в структуре каталогов, но это маршрут в нашем приложении Angular.

Answer 1

Вам может потребоваться перенаправить каждый запрос в index.html, чтобы позволить Angular router обрабатывать все.

- url: /.*
  secure: always
  redirect_http_response_code: 301
  static_files: dist/song/index.html
  upload: dist/song/index.html
  http_headers:
    Strict-Transport-Security: max-age=31536000; includeSubDomains
    X-Frame-Options: DENY