如何使用angular 2 webpack使用http get方法调用本地json文件

时间:2017-07-08 15:58:14

标签: angular http

我正在使用angular2 webpack,我想使用get方法调用本地json文件但是它给出了我同样的错误

我在我的demo cli项目中尝试了上面的解决方案,它对我来说很好,但在webpack中工作不一样

任何人都可以帮助我吗?

2 个答案:

答案 0 :(得分:1)

将您的文件(例如data.json)放在assets目录中,然后使用路径`/assets/data.json'

检索它。
this.http.get('/assets/data.json')

答案 1 :(得分:0)

谢谢梅尔

你是正确的但是如果我们使用angular-cli但是在webpack中它不是创建资产文件夹它在我的情况下不起作用。

但是经过许多研发后我发现答案与上面相同,但需要在配置详细信息中定义该文件夹,并将json文件放在我的情况下的文件夹中

config.devServer = {
    contentBase: './src/public',
    historyApiFallback: true,
    quiet: true,
    stats: 'minimal' // none (or false), errors-only, minimal, normal (or true) and verbose
  };

所以在我的情况下,我需要将json文件放在公共文件夹中。

对我的决心。