import axios from "axios";
//1. 創(chuàng)建axios的實(shí)例，配置基礎(chǔ)路徑
const axiosInstance = axios.create({
    baseURL: 'http://localhost:8089',
    timeout: 5000
})
//2. 定義請(qǐng)求攔截器:給所有請(qǐng)求都帶上token
axiosInstance.interceptors.request.use((req)=>{
    let token = sessionStorage.getItem('Auth') //獲取頁(yè)面存儲(chǔ)中的token信息
    if(token){ //若token存在
        req.headers['Auth'] = token
    }
    return req;
},(err)=>{
    return Promise.reject(err)
})
//3.響應(yīng)攔截器：對(duì)服務(wù)器響應(yīng)給客戶端的數(shù)據(jù)進(jìn)行統(tǒng)一的處理
axiosInstance.interceptors.response.use((res)=>{
    //1.對(duì)響應(yīng)數(shù)據(jù)進(jìn)行處理
    let result = res.data
    let code = result.code
    if (code == 200){
        return result
    }else{
        return Promise.reject(result)
    }
},(err)=>{
    return Promise.reject(err)
})
export default axiosInstance

import ElementUI from ‘element-ui' //導(dǎo)入element-ui庫(kù)
import ‘element-ui/lib/theme-chalk/index.css' //導(dǎo)入element-ui的樣式文件
 
Vue.use(ElementUI)

//1.1 按鈕的類型    
    <el-button>普通按鈕</el-button>
    <el-button type="primary">Primary按鈕</el-button>
    <el-button type="info">Info按鈕</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
//1.2 帶邊框的按鈕(鼠標(biāo)懸浮效果)
    <el-button plain>普通按鈕</el-button>
    <el-button type="primary" plain>Primary按鈕</el-button>
    <el-button type="info" plain>Info按鈕</el-button>
    <el-button type="success" plain>Success</el-button>
    <el-button type="warning" plain>Warning</el-button>
    <el-button type="danger" plain>Danger</el-button>
//1.3 圓角按鈕
    <el-button round>普通按鈕</el-button>
    <el-button type="primary" round>Primary按鈕</el-button>
    <el-button type="info" round>Info按鈕</el-button>
    <el-button type="success" round>Success</el-button>
    <el-button type="warning" round>Warning</el-button>
    <el-button type="danger" round>Danger</el-button>
//1.4 帶圖標(biāo)的圓形按鈕
    <el-button icon="el-icon-search" circle></el-button>
    <el-button type="primary" icon="el-icon-edit" circle></el-button>
    <el-button type="info" icon="el-icon-delete" circle></el-button>
//1.5 按鈕不可用：disabled
//1.6 文字按鈕：type='text'
//1.7 按鈕組：
    <el-button-group>
      <el-button type="primary" icon="el-icon-arrow-left">上一個(gè)</el-button>
      <el-button type="primary">下一個(gè)<i class="el-icon-arrow-right el-icon--right"></i></el-button>
    </el-button-group>
//1.8 加載中按鈕：設(shè)置loading屬性
   <el-button type="primary" :loading="true">加載中</el-button>
//1.9 按鈕的尺寸：設(shè)置按鈕的size屬性：medium(中等)、small(小型)、mini(超小)
        <el-button>默認(rèn)按鈕</el-button>
        <el-button size="medium">中型按鈕</el-button>
        <el-button size="small">小型按鈕</el-button>
        <el-button size="mini">超小按鈕</el-button>

        icon:圖標(biāo)
        <el-button icon="el-icon-search" circle></el-button>
        <el-button icon="el-icon-edit" circle></el-button>
        <el-button icon="el-icon-remove" circle></el-button>
        <el-button icon="el-icon-delete" circle></el-button>
        <el-button icon="el-icon-user" circle></el-button>