首页 > 解决方案 > Angular URLmatcher 隐藏 json 文件

问题描述

我正在查看UrlMatcher 上的 Angular wiki,我看到了这个关于 HTML 文件的示例。

现在,由于我在我的网络应用程序中使用了一些静态.json文件,我想我可以阻止用户访问.json路径并直接从那里获取数据。

可悲的是,当转到非 Angular 路线时,它似乎并没有触发该功能。

export function jsonFiles(url: UrlSegment[]) {
  console.log(url)
  return  url[url.length-1].path.endsWith('.json') ? ({consumed: url}) : null;
}

@NgModule({
  imports: [
    RouterModule.forRoot([{ matcher: jsonFiles, redirectTo: "/" }, ...RoutesGenerator.routes], {
    preloadingStrategy: PreloadAllModules,
    relativeLinkResolution: 'legacy'
}),

现在我只是想知道是否有办法解决这个问题?

我确实遇到了一些 Stackoverflow 帖子,但它们处理订阅中的 JSON 数据(从服务器获取之后)而不是静态文件。

标签: angularangular-routingangular-router

解决方案


推荐阅读