axios封装一个请求本地数据的方法

切记 数据文件要放在static文件夹中；

 

 假如homeData.js中放了我们需要的数据

下面封装专门请求本地数据的方法

叫fetch.js

import axios from "Axios"
function fetch(url) {
    return new Promise((resolve,reject)=>{
        const instance = axios.create({
            headers:{
                    
            },
            timeout:10000
        });
        instance({
            method:"GET",
            url: url,
            data:null,
            params:null,
            baseURL:"",
            withCredentials: true
        })
        .then(response=>{
            if(response.status == '200') {
                if(response.status == '200'){
                    resolve(response.data)
                }else {
                    reject(response.data.msg)
                }
            }
        })
        .catch(err=>{
            reject(err)
        })    
    })
}
export default {
    get:fetch
}

axios默认请求到的数据为json格式，这里不需要额外转换。

在页面汇总使用：

fetch.get("/static/jsonData/homeData.js").then(res=>{
        console.log(res)
      }).catch(err=>{
        console.log(err)
      })

 数据最好为json格式

 

 

.