谷歌应用引擎重定向问题中的角度应用

Question

我正在尝试在应用引擎中部署 Angular 7 应用 使用 ng deploy --prod 创建部署。现在使用 app.yaml 部署生成的dist。 app.yaml 的内容

runtime: python27
api_version: 1
threadsafe: yes

handlers:

  - url: /
    static_files: dist/index.html
    upload: dist/index.html
  - url: /
    static_dir: dist
  - url: /\w{3,}-?[^.\s]\w*
    static_files: dist/index.html
    upload: dist/index.html

如果 URL 未更改，即 domain.com，则此方法非常有效，但当 url 更改为 domain.com/login 或 domain.com/profile 时，它会生成 404 错误

Error: Not Found
The requested URL /admin-dashboard was not found on this server.

为了解决重定向问题，我在 app.yaml 中添加了 url 模式以匹配任何 url 并转发到 dist/index.html

- url: /\w{3,}-?[^.\s]\w*
    static_files: dist/index.html
    upload: dist/index.html

但这无济于事。我完全被困住了。请任何指针 @Christopher Peisert 非常感谢您的指点。这是适用于所有类型 URL 模式的最终 app.yaml

runtime: python27
api_version: 1
threadsafe: yes

handlers:
- url: /
  static_files: dist/index.html
  upload: dist/index.html
- url: /\w+$
  static_files: dist/index.html
  upload: dist/index.html
- url: /(\w+-\w+)$
  static_files: dist/index.html
  upload: dist/index.html  
- url: /(.*)$
  static_files: dist/\1
  upload: dist/(.*)

Answer 1

如果您使用的是 PathLocationStrategy（html5 历史记录），您需要有一个处理程序来捕获这些动态路线

runtime: python37

handlers:
# index files
- url: /([^.]+)/?$  # urls with no dot in them
  static_files: dist/index.html
  upload: dist/index.html

# site root
- url: /
  static_files: dist/index.html
  upload: dist/index.html

# everything else
- url: /(.*)
  static_files: dist/\1
  upload: dist/(.*)

Answer 2

尝试在默认路由之后添加一个包罗万象的 URL 处理程序：

handlers:
- url: /
  static_files: dist/index.html
  upload: dist/index.html

- url: /(.*)$
  static_files: dist/\1
  upload: dist/(.*)

请参阅Handlers Element 上的文档。