Облачное приложение Google yaml для угловых 7

Question

Мой каталог проектов выглядит как

**demo**
 -->
   **ui**-->
     **dist**-->
       **ui**-->
         *.html
         *.js files


In my app.yaml    

runtime: python27
api_version: 1
threadsafe: true`enter code here`
handlers:
- url: /
  static_files: dist/\1/index.html
  upload: dist/(.*)/(.*)

Всякий раз, когда я развертываю свое приложение и нажимаю на URL, я получаю 404 Не удалось загрузить ресурс: сервер ответил со статусом 404 () для всех файлов кроме index.html.

Любая помощь, как действовать дальше будет принята.

Читать вопросы, связанные с переполнением стека, но не повезло

Answer 1

Здесь я разделяю подход, который я использую.

app.yaml должно выглядеть так:

runtime: python27
threadsafe: true
api_version: 1

handlers:
- url: /(.+\.js)
  static_files: app/\1
  upload: app/(.+\.js)

- url: /(.+\.css)
  static_files: app/\1
  upload: app/(.+\.css)

- url: /(.+\.png)
  static_files: app/\1
  upload: app/(.+\.png)

- url: /(.+\.jpg)
  static_files: app/\1
  upload: app/(.+\.jpg)

- url: /(.+\.svg)
  static_files: app/\1
  upload: app/(.+\.svg)

- url: /favicon.ico
  static_files: app/favicon.ico
  upload: app/favicon.ico

- url: /(.+\.json)
  static_files: app/\1
  upload: app/(.+\.json)

- url: /(.+)
  static_files: app/index.html
  upload: app/index.html

- url: /
  static_files: app/index.html
  upload: app/index.html

Эти правила обработчиков могут быть оптимизированы. Здесь я сохранил их в подробном виде с каждым типом файла.

Структура каталогов deploy должна выглядеть следующим образом:

/deploy
  app.yaml
  /app  =>  generated by ng build
    index.html
    ...bundles..js
    /assets
      ...

Эта служба по умолчанию будет обслуживаться в https://YOUR_PROJECT_ID.appspot.com как обычно.

Может быть, эти ссылки могут помочь вам:

• Мой ответ на другой вопрос

• Развернуть приложение Angular 2/4/6 в Google App Engine от Anoop Sharma