第一步:在已有的vue项目中安装axios命令
npm install --save axios
第二步:在main.js里导入下面的代码
import axios from 'axios'
第三步:在static文件夹下添加testData文件夹,在这个文件夹下添加data.json文件
第四步:在需要数据的页面引入axios,异步加载数据
import axios from 'axios';
export default {
name:"",
data() {
return{}
},
mounted(){
this.loadData();
},
methods:{
async loadData(){
await axios.get("http://localhost:8080/static/testData/data.json").then(res =>{
console.log(res);
})
}
}
}