小编Phi*_*ack的帖子

我正在尝试使用Firebase托管一个角度2应用程序(使用角度cli创建),但我的路线无法正常工作.

我创建了一个带有角度2和打字稿的项目,用于我正在工作的网站,我想要一个静态隐私策略页面.

当我表演

ng serve

并在我的浏览器中导航到http:// localhost:4200/privacy-policy我得到了我期望的内容.

以下是角度2路线页面推荐的代码 -

@NgModule({
    declarations: [
        AppComponent,
        HomeComponent,
        TermsOfServiceComponent,
        PrivacyPolicyComponent,
        PageNotFoundComponent
    ],
    imports: [
        AlertModule,
        BrowserModule,
        FormsModule,
        HttpModule,
        RouterModule.forRoot([
            {path: 'privacy-policy', component: PrivacyPolicyComponent},
            {path: 'terms-of-service', component: TermsOfServiceComponent},
            {path: '', component: HomeComponent},
            {path: '**', component: PageNotFoundComponent}
        ])
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {
}

我在我的项目中配置了Firebase托管,这是我的配置文件 -

{
  "database": {
    "rules": "database.rules.json"
  },
  "hosting": {
    "public": "dist"
  }
}

部署我运行

ng build --prod
firebase deploy

当我导航到 https://MY-APP.firebaseapp.com/时, 该应用程序可以正常加载默认路由.

但是,当我尝试导航到 https://MY-APP.firebaseapp.com/privacy-policy时, …

我收到错误

请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问Origin ' https://MY-Firebase-APP.Firebaseapp.com ' 。

service firebase.storage {
service firebase.storage {
  match /b/paystumped.appspot.com/o {
    match /{allPaths=**} {
      allow read, write: if true;
    }
  }
}

{
  "hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "headers": [
      {
        "source": "**/*",
        "headers": [
          {
            "key": "Access-Control-Allow-Origin",
            "value": "*"
          }
        ]
      },
      {
        "source": "**/*.@(jpg|jpeg|gif|png)",
        "headers": [
          {
            "key": "Cache-Control",
            "value": "max-age=7200"
          }
        ]
      }, …