zoukankan      html  css  js  c++  java
  • 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格式

    .

  • 相关阅读:
    Android Studio相关
    iOS自动签名网站
    Ruby开发小记
    Python全栈之路目录结构
    不会docker的开发
    Centos7安装python3
    03 centos7的基本价绍
    02 centos虚拟机安装
    01 Linux虚拟机的安装
    跨域问题的解决
  • 原文地址:https://www.cnblogs.com/fqh123/p/12875755.html
Copyright © 2011-2022 走看看