vue 使用vue-axios

安装 axios

npm i axios vue-axios --save

 在main.js引入

import axios from 'axios'

import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

使用:

this.axios({
  method:"POST",  //请求方法  POST GET 请求等
  url:"xxxxxxx",  //请求地址
  //POST请求参数写法    
  data:{                
    title:"服装",
    num:1
  }  
  //GET请求参数写法 (就是把data 换成params)
    /* params:{
      title:"服装",
      num:1
     } */
}).then(res => {  //res 是 请求的结果  (随便起名字)
    //控制台查看请求结果
    console.log(res);
    //然后 对请求结果进行数据处理
    ......
})

如果是post 请求的话 需要做一些处理   需要在main.js中 写入以下:

//axios参数拦截器,在发起请求之前执行。
//node.js跨域请求,post参数必须进行序列化,否则后台允许跨域,后台也无法接收请求
axios.interceptors.request.use(config => {
  //判断请求方法是不是post请求,进行参数序列化
  if(config.method == "post"){
    let paramsString = "";
    for (let key in config.data) {
      paramsString += `${key}=${config.data[key]}&`
    }
    //去掉多余的一个&符号  
    config.data = paramsString.slice(0,-1);
  }
  //必须返回config
  return config;
})

你可能感兴趣的:(axios,vue-axios,vue.js,javascript)