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)行上，它告诉我我有语法错误--我认为这与响应语法有关，但我不确定。有什么想法吗？

Answer 1

使用抓取

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

或将文件放在公用文件夹中

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

Answer 2

我可以知道您为什么需要axios吗？您可以直接导入json并使用它。实际上，甚至不需要该功能。如果您仍然想保留该功能，请采用以下方法。

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

function loadData() {
  return data;
}

Answer 3

只需将您的json文件放在公共文件夹中，然后使用axios对其进行调用。假设您的项目公用文件夹中有一个名为data.json的json文件。

然后称呼它

ProductId   ProductName   ProductActualAmount   SumAmount
---------------------------------------------------------
1           Rexona        35.00                 35.00
2           Liril         40.00                 75.00
3           Dove          45.00                 120.00         
4           Pears         50.00                 170.00

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

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

希望有帮助。

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

.js文件：

3 个答案: