使用 axios 获取本地 JSON 数据时遇到问题

Question

我正在尝试使用 axios 从本地 json 文件获取数据。在控制台下，我什至无法得到回应，所以我想我会在这里询问。

.js 文件：

 var loadData;

function loadData() {
    axios({
        url: "[filepath]/json/docs.json",
        responseType: 'json',
        credentials: "include",
        mode: "no-cors",
        headers: {
            "Accept": "application/json; odata=verbose"
        }
    }).then((response) => {
        console.log(response.data);
    })
}

在 .then((response) 行上，它告诉我我有一个语法错误—我认为它与响应语法有关，但我不太确定。有什么想法吗？

原文由 Bodrov 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

只需将您的 json 文件放在 public 文件夹中，然后使用 axios 调用它。假设您的项目的公用文件夹中有名为 data.json 的 json 文件。

然后像这样称呼它

    axios.get('data.json')
    .then(res => console.log(res.data))
    .catch(err => console.log(err)

在此之前确保导入 axios。喜欢 ，

 import axios from 'axios';

希望能帮助到你。

原文由 Alok Ranjan 发布，翻译遵循 CC BY-SA 4.0 许可协议