Chris' Blog

<script>
  export default {
    data() {
      return {
        swiperOption: {
          pagination: {
            el: '.swiper-pagination',
            clickable: true,
            bulletClass: 'my-bullet', 			// 分页器每一项class
            bulletActiveClass: 'my-bullet-active',	// 当前选中的class 
          }
        },
      }
    }
  }
</script>

function handleChangeInputFile(e) {
    // input调用原声相册后获取到文件对象
    let file = this.$refs.InputFile.files[0];
    
    //https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader
    let reader = new FileReader()
    let filename = file.name.replace(/\.(.*)/g, '')
    let self = this;
    reader.readAsDataURL(file)
    reader.onload = function (e) {
        // this.result 就是图片的base64
        self.uploadBase64Image(this.result, filename).then(url => {
            self.$emit('handleAddImage', url, 'photo');
        })
    }
}

import Axios from 'axios';
import router from '../router';
import { Message } from 'element-ui';

Axios.defaults.baseURL = process.env.VUE_APP_BASE_API;      // 设置基础路径
Axios.defaults.timeout = 5000;                              // 设置请求超时时间

Axios.interceptors.request.use(
    config => {
        let token = JSON.parse(localStorage.getItem('token') || null);
        if (token) {
            config.headers['secretKey'] = token.secretKey;
            config.headers['timestamp'] = token.timestamp;
            config.headers['uuid'] = token.uuid;
        }
        return config;
    },
    err => {
        console.log(err);
    }
);

// response 响应拦截器
Axios.interceptors.response.use(
    res => {
        // 401 您还未登录，或登录信息已过期
        if (res.data.status_code !== 200) {
            Message({
                message: res.data.message,
                type: 'error'
            });
            
            if (res.data.status_code === 401) {
                router.push({ path: '/login' });
            }
        }
        return res.data;
    },
    err => {
        console.log(err);
        // 超时处理
        let originalRequest = err.config;
    
        console.log(err.message);     //timeout of 100ms exceeded
    
        if (err.code === 'ECONNABORTED' && err.message.indexOf('timeout') !== -1 && !originalRequest._retry) {
        
            originalRequest._retry = true
            Message.error('请求超时,尝试重新请求中...')
        
            // 重新发起请求
            return Axios.request(originalRequest);
        }

    }
);

/**
 * 日期格式化
 * @param stamp { Date } Date 实例
 * @param format { string }
 * @return { string }
 */
export const dateFormat = (stamp = new Date(), format = 'YYYY-MM-DD hh:mm:ss') => {
    const d = new Date(stamp);
    const month = d.getMonth() + 1;
    const date = d.getDate();
    const hours = d.getHours();
    const minutes = d.getMinutes();
    const seconds = d.getSeconds();
    const numberFormat = (number) => number < 10 ? `0${number}` : number;

    format = format.replace(/yyyy|YYYY/, d.getFullYear());
    format = format.replace(/yy|YY/, d.getYear());
    format = format.replace(/MM/, numberFormat(month));
    format = format.replace(/M/, month);
    format = format.replace(/dd|DD/, numberFormat(date));
    format = format.replace(/d|D/, date);
    format = format.replace(/hh|HH/, numberFormat(hours));
    format = format.replace(/h|H/, hours);
    format = format.replace(/mm/, numberFormat(minutes));
    format = format.replace(/m/, minutes);
    format = format.replace(/ss/, numberFormat(seconds));
    format = format.replace(/s/, seconds);
    return format;
}