无法在 Angular 2+ 中访问本地文件

Question

我正在尝试 Angular 中的 http 请求功能。但是，我认为我无法访问项目文件夹中的任何本地文件。当我访问“localhost:4200/testfile.json”时，它会抛出一个错误： ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'starter/testfile.txt'

然后我查看了路由器模块，无法找出问题所在。 这是路由器模块的代码：

imports: [
RouterModule.forRoot([
  { path: '', redirectTo: 'starter', pathMatch: 'full' },
  { path: 'starter', component: StarterComponent },
])],

我还尝试将文件放入 assets 文件夹并使用 localhost:4200/assets/testfile.txt 来访问它，这很有效。我想知道为什么资产是唯一允许访问的文件夹，而所有其他路径都不起作用。是不是我的路由模块的问题？

非常感谢。

Answer 1

我假设您使用的是 Angular CLI？ CLI 在非常特定的文件夹中查找片段。如果您希望它在其他文件夹中查找内容，您可以修改 angular.cli.json 文件。

例如：

  "assets": [
    "assets",
    "api",
    "favicon.ico"
  ],

这个 assets 数组告诉 CLI 同时查看 assets 文件夹和 api 文件夹。您可以添加任何其他您想要的文件夹。