Javascript-如何向本地json文件发出获取请求?

时间:2018-10-30 09:24:32

标签: javascript json reactjs get axios

我浏览了帖子,人们似乎照我做,但是我得到了404。

我的json文件:

{
    "posts": [          
      {
        "title": "titlee",
        "image": "./public/...",
        "submitDate": "12-09-2017",
        "username": "name name"
      },

    ]
}

我的文件夹结构是:

my-app/data/links.json

my-app/src/App.js

在App.js中,请使用axios:

axios.get('http://localhost:3000//data/links.json')

我也尝试过:

axios.get('../data/links.json')

谢谢!

编辑:它是一个React App,双斜杠是一个错误,但没有双斜杠也无法正常工作。

更新:我使用了react create app,显然当您将json文件放入公用文件夹时,它确实起作用了!我猜这是因为webpack的设置方式之类的原因。

1 个答案:

答案 0 :(得分:0)

出于这种目的,我可以建议json-server。如果您遵循文档,则可以使用单个CLI命令在所需的任何端口上公开json,因此在您的情况下

json-server --watch my-app/data/links.json

希望它会对您有所帮助;-)