vue中axios的使用

1.创建network文件夹，创建request.js文件

import axios from "axios";
export function request(config) {
const instance=axios.create({
  baseURL: 'http://123.207.32.32:8000',
  timeout:50000
})
  // 拦截器的使用
  instance.interceptors.request.use(config=>{
    console.log(config)
     return config
  },err=>{
    console.log(err)}
    )
  return instance(config)
}

2.在组件中使用

<script>
  import {request} from "../network/request";

  export default {
        name: "data",
    data(){
          return{
            msg:{},
          }
    },
    created:function () {
      request({
            url:'/home/multidata',
        // 设置参数 post请求使用data  get使用 params 或者在链接地址上进行组装
          }).then(res=>{
           this.msg=res.data
          }).catch(err=>{
            console.log(err)
          })
    }
  }
</script>