vue 请求public下面的json文件
时间: 2024-03-21 16:41:32 浏览: 49
在vue中读取本地Json文件的方法
你可以使用 axios 库来请求 public 下面的 JSON 文件。首先,确保你的 JSON 文件已经放置在 public 目录下。然后,在你的 Vue 组件中,可以这样使用 axios:
```
import axios from 'axios';
axios.get('/your-json-file.json')
.then(response => {
console.log(response.data); // 在控制台中打印 JSON 数据
})
.catch(error => {
console.log(error);
});
```
在上面的代码中,axios 发送了一个 GET 请求,请求的 URL 是相对于网站根目录的,所以只需要写上 JSON 文件的路径即可。如果请求成功,控制台中将打印出 JSON 数据;如果请求失败,将会在控制台中打印出错误信息。
阅读全文