解析 http://localhost:8000/src/client/assets/data.json 期间的 Http 失败答案

【问题标题】：Http failure during parsing for http://localhost:8000/src/client/assets/data.json解析 http://localhost:8000/src/client/assets/data.json 期间的 Http 失败
【发布时间】：2018-11-01 08:51:09
【问题描述】：

您好，我是 angular 新手，我正在尝试从文件中读取 json 数组，但无法解析错误。请有人指导我。

我有如下文件夹结构

src

--assets
    ---app
      -----opportunities
            ------opportunities.component.ts
--data.json

我的data.json文件数据如下

[  
    {
     "Account name": "155874744",
     "Oppty owner": "Sony Europe Ltd.",
     "Product/s": "June 10, 2015",
     "Domestic/Mow": "55434992111033",
     "ASAP solution status": "Aasd",
     "Price scenario status": "$253.00"         
    },
    {
     "Account name": "155874744",
     "Oppty owner": "Sony Europe Ltd.",
     "Product/s": "June 10, 2015",
     "Domestic/Mow": "55434992111033",
     "ASAP solution status": "sds",
     "Price scenario status": "$253.00"        
    }     
]

opportunities.component.ts 中的代码如下

 constructor(private httpservice:HttpClient){}
  public  opptyData:any[];
    ngOnInit()
    {                 
      this.httpservice.get('src/client/assetsdata.json').subscribe(data=>{
                this.opptyData = data as string[];
                console.log(this.opptyData[1]);
            },
            (err:HttpErrorResponse)=>{
                console.log(err.message);
            }               
            );
    }

我不明白什么是问题？请有人帮我解决这个问题。

【问题讨论】：

标签： javascript json angular typescript angular-httpclient

【解决方案1】：

网址应该只是

 this.httpservice.get('./data.json').subscribe(data=>{
     this.opptyData = data as string[];
     console.log(this.opptyData[1]);
}

【讨论】：

仍然出现同样的错误：我的文件格式有问题吗？

【解决方案2】：

如果你想使用 dummy json 创建前端结构，那么我建议你使用这个website

只需粘贴您的JSON 并选择您的选项，然后单击Generate my http response。它将生成一个服务链接，您可以暂时在代码中使用该链接。否则你可以试试Sajeetharan方法。

祝你好运

【讨论】：

【解决方案3】：

将数据存储在 assets 文件夹中：

在哪里 src/assets/data.json

文件夹结构：

src
   -assets
      -data.json

访问如下：// (assets/data.json)

constructor(private httpservice:HttpClient){}
  public  opptyData:any[];
    ngOnInit()
    {

            this.httpservice.get('assets/data.json').subscribe(data=>{
                    this.opptyData = data as string[];
                    console.log(this.opptyData[1]);

            },
            (err:HttpErrorResponse)=>{
                console.log(err.message);
            }

            );

    }

或者 ---------------------------------------------- -------------------------------------------------- -------------------------------------------

文件夹结构：

src
   -assets
     -client
       -data.json

访问如下：// (assets/client/data.json)

constructor(private httpservice:HttpClient){}
  public  opptyData:any[];
    ngOnInit()
    {

            this.httpservice.get('assets/client/data.json').subscribe(data=>{
                    this.opptyData = data as string[];
                    console.log(this.opptyData[1]);

            },
            (err:HttpErrorResponse)=>{
                console.log(err.message);
            }

            );

    }

【讨论】：