对本地json文件的Http请求不起作用

Question

我有一个非常简单的应用程序，我想使用http get请求显示产品列表。我正在拨打位于以下位置的本地json文件：

但是，出现以下错误：

服务器返回了代码404，错误消息是：http://localhost:4200/api/products/products.json的Http错误响应：404未找到

这是我的服务的快照：

如您所见，我已经指定了产品网址，并使用此productURL来使用httpGet获取产品列表，但此请求失败，因为该服务无法找到products.json。

angular.json的快照

对可能是什么问题的任何见解？

预先感谢

Answer 1

在angular.json中注册您的api文件夹

...
"build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.app.json",
            "assets": [
              "src/favicon.ico",
              "src/assets",
              "src/app/api/products" // Forgot to add app here..now chk if its working
            ],
            "styles": [
              "src/styles.scss",
              "src/montserrat/montserrat.scss"
            ],
            "scripts": [

            ]
             ...

确保在对angular.json进行更改后重新启动服务器

其他将API文件夹添加到项目中的Assets文件夹中  演示：https://stackblitz.com/edit/angular-jvascy