javascript - 在 Stackblitz 上使用 HttpClient 读取 data.json？

Question

我有一个小演示，它尝试app/data.json使用 Angular HttpClient 进行读取。

const post$:Observable<Post> = <Observable<Post>> http.get('./data.json');

然而，HttpClient回复说：

解析失败...

想法？

标签： javascriptangulartypescriptstackblitz

Answer 1

Stackblitz 目前不提供静态文件，除非它们位于assets文件夹中。

所以你在这里有两个选择：

1）直接导入json作为模块

import data from './data.json';

console.log(data) // => {title: "Simulating HTTP Requsts", content: "This is off the hook!!"}

更多详情请查看其他答案

2）将该json移动到资产文件夹中（注意：您必须重新加载stackblitz才能使其工作）：

http.get('/assets/data.json')

分叉的 Stackblitz