美文网首页VUE
axios安装与基本配置

axios安装与基本配置

作者: 布呐呐aa | 来源:发表于2020-11-24 09:50 被阅读0次

    安装:
    $npm install axios --save

    get请求:

    created(){
        axios.get('/api/getData.php',{  //还可以直接把参数拼接在url后边
              params:{
                  title:''
              }
         }).then(function(res){
              this.goodsList = res.data
        }).catch(function(error){
              console.log(error)
    })
    }
    

    post请求:

    axios.post('/user',{
        firstName:'Fred',
        lastName:'Flintstone'
    }).then(function(response){
        console.log(response)
    }).catch(function(error){
        console.log(errror)
    })
    

    请求拦截器和响应拦截器

    // 请求拦截器 - 发送请求前
    axios.interceptors.request.use(
        function(config){
          return config;
        },
        function(error){
          return Promise.reject(error)
        }
    )
    
    //响应拦截器 - 数据返回后
    axios.interceptors.response.use(
      function(config){
          //对响应数据做点什么
          return config;
      },
    function(error){
        //对响应错误做点什么
        return Promise.reject(error)
    }
    )
    

    相关文章

      网友评论

        本文标题:axios安装与基本配置

        本文链接:https://www.haomeiwen.com/subject/uptiiktx.html