使用 Google AppEngine 和 Flask 进行角度路由

Question

我在 Google AppEngine 上有一个应用程序，后端使用 Python3 和 Flask，前端使用 Angular。如果前端使用 Angular 路由导航到 /welcome，它就可以正常工作。但是如果我点击浏览器刷新，它会给出 404 错误，因为当然，xxxx.appspot.com/welcome 在后端不存在。有没有解决的办法？这是我的 app.yaml：

runtime: python38

handlers:
  - url: /rest/.*
    script: auto
  - url: /(.+)
    static_files: dist/\1
    upload: dist/(.*)
  - url: /
    static_files: dist/index.html
    upload: dist/index.html

Answer 1

我无法让 cmets 中提供的建议发挥作用。据说有一个服务器端修复程序，但似乎我应该做的所有事情都已经完成了。所以我实现了一个适合我目的的客户端解决方案。 首先，我指定在 url 生成中使用散列，在app-routing.module.ts 中有以下部分：

@NgModule({
  imports: [RouterModule.forRoot(routes, { useHash: true })],
  exports: [RouterModule],
  bootstrap: [AppComponent]
})

这消除了 404 错误，但并不完全符合预期。所以我在构造函数中使用以下代码在app.component.ts 中捕获了刷新请求：

router.events.subscribe((event) => {
  if (event instanceof NavigationStart) {
      if (!router.navigated) this.goHome();  // That is, user hit the refresh button
  }
});

调用我自己的goHome() 方法，该方法处理适当的导航。