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

dced5bon 于 2023-10-18 发布在 iOS

关注(0)|答案(3)|浏览(162)

我正在尝试使用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)行上，它告诉我有一个语法错误-我想这是关于响应语法的，但我不确定。有什么想法吗？

axios

来源：https://stackoverflow.com/questions/54224164/trouble-getting-local-json-data-with-axios

3条答案

按热度按时间

fnatzsnv1#

简单地把你的json文件放在公共文件夹中，然后用axios调用它。假设你有一个名为data.json的json文件在你的项目的公共文件夹中。
那就叫像

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

在此之前，请确保导入axios。比如

import axios from 'axios';

希望有帮助。

赞(0）回复(0）举报 2023-10-18

g6baxovj2#

我能知道你为什么需要axios吗？你可以直接导入JSON并使用它。实际上，该功能并不需要。如果你还想保留这个功能，这里有一个方法。

import data from '[filepath]/json/docs.json'

function loadData() {
  return data;
}

赞(0）回复(0）举报 2023-10-18

hgncfbus3#

使用fetch

test() {
    fetch('[filepath]/json/docs.json')
      .then(r => r.json())
      .then(json => {
      })
}

或将文件放入公用文件夹

axios.get('docs.json') .then(//...)

赞(0）回复(0）举报 2023-10-18

我来回答

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

.js文件：

3条答案

相关问题

热门标签

最新问答