Angular http.get不支持本地json文件

问题描述：

我有一个演示角度应用程序，它有一个api/products/products.json文件供http.get()使用。但是当我制作自己的组件和服务来打我自己的自定义本地json时，它在Chrome控制台中会出现404错误。即使json文件与服务位于同一个目录下，它也不起作用，并且使用http.get(numbers.json)，它只有在我把它放在这样的api文件夹下时才起作用。 Angular是否有一个规则，其中http消耗的本地json必须存在于api文件夹下？Angular http.get不支持本地json文件

编辑：发现将文件放在资产文件夹下的作品，但如果我创建一个自定义文件夹，它不起作用。

它看起来可以看到类似的文件不包装着webpack。我需要你的webpack.config.js文件 – sancelot

答

如果您使用的是CLI，那么你需要在这里添加的文件夹：

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

这是angular-cli.json文件的一部分。

很好，工作，但为什么我需要重新启动'ng-serve'才能生效？ – midnightnoir

我的猜测是，因为这是配置文件的一部分，所以只能在开始时读入它。所以你必须用ng服务重新启动。 – DeborahK

可悲的是，没有为我工作！ https://stackoverflow.com/q/47768897/5346095 –

答

如果您正在使用角CLI 添加您的JSON文件资产文件夹内并添加此得到
this.http.get('./assets/products.json');

它会通过这种方式

Angular http.get不支持本地json文件

相关推荐