vue项目中axios的配置及使用

1、axios的配置

在入口文件main.js中引入axios，及配置

// 引入axios
import axios from "axios"
// 设置请求的根路径
axios.defaults.baseURL ='http://127.0.0.1:8888/api/private/v1/'
// 将axios挂载到原型对象上,这样每个vue的组件都可以通过this访问到$http,从而发起网络数据请求
Vue.prototype.$http = axios

2、使用axios

 login() {
      // 先拿到表单的引用，接收的第一个形参为布尔值，一般都用valid
      this.$refs.loginForm.validate(async valid => {
        if(!valid) return;
        // 通过async和await简化promise操作
        // {data：res}解构赋值
        const {data:res} =await this.$http.post('login',this.loginForm);
        if(res.meta.status !=200) return console.log('登录失败') 
        console.log('登录成功！')
        
    });
    },