axios数据请求方式

get请求

get:function () {
    axios.get("../package1.json",{
    params:{
      userId:"999"
    },
    headers:{
      token:"jack"
       }
    }).then(res=>{
       this.msg=res.data;
    }).catch(function (error) {
      console.log("error init." +error)
    });
},

post请求

post:function () {
    axios.post("../package.json",{
      userId:"888"
    },{
    headers:{
      token:"tom"
    }
    }).then(res=>{
    this.msg = res.data;
    }).catch(function (error) {

    })
},

http请求

http:function () {
      axios({
      url:"../package.json",
      // method:"get",
      method:"post",
      data:{
        userId:"101"
        },
      // params:{
      //   userId:"102"
      // },
      headers:{
        token:"http-test"
      }
      }).then(res=>{
      this.msg = res.data;
      })
}

在http请求里,如果methods是post方式的话,就要用 data:{ userId:"101" },传入参数,如果是get请求的话,用params

axios全局拦截器的使用

mounted:function(){
  axios.interceptors.request.use(function (config) {
    console.log("request init.");//在响应之前打印,也就可以在里面写一些请求之前要做的事
    return config;
  })
  axios.interceptors.response.use(function (response) {
    console.log("response  init.");//在响应之后打印,也就可以在里面写一些请求之后要做的事
    return response;
  })

},

猜你喜欢

转载自blog.csdn.net/qq_41153478/article/details/82928959