21vue--登录退出，配置axios发起登录请求

2020-06-28 21登录退出，配置axios发起登录请求

总结：

知识点

• axios

axios

配置axios

在mains.js内增加：
import axios from 'axios'
axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'
Vue.prototype.$http = axios

使用axios

在Login.vue内使用：
      login () {
   
            this.$refs.loginFormRef.validate( async (value) => {
   
                // console.log(value)
                if(!value) return;
                // this.$http.post("login", this.loginForm)
                // const result = await this.$http.post("login", this.loginForm)
                // only get data , and  alias data to res
                const {
    data: res } = await this.$http.post("login", this.loginForm)
                // console.log(result)
                // console.log(res)
                // deal with res and print infomation
                if(res.meta.status != 200) return console.log("login fail");
                console.log("login success")
            });
        }
    },
        
体现：this.$http.post("login", this.loginForm)
调用post方法
接口url：http://127.0.0.1:8888/api/private/v1/login
参数：this.loginForm--> 登录的账号密码

code

Login.vue

<template>
    <div class="login_container">
        <div class="login_box">
            <!--  -->