axios安装及拦截器

axios安装及使用

npm install axios
axios官网

//接口封装 request.js
import axios from 'axios'
// 导入弹框提示组件
import { Message } from 'element-ui'

// import { store } from '@/store/index.js'
// 自定义实例默认值
const service = axios.create({
	// 47.105.208.217
	//配置请求的根路径[接口地址]
	baseURL: 'xxxxxxxxx',
	// headers:{ accessToken:sessionStorage.getItem("token") },
    // withCredentials: false,
    timeout: 20000
})

// 请求拦截器
//所有的网络请求都会先走这个方法
service.interceptors.request.use(
    config => {
		// if(store.state.token){
		// 	config.headers.Authorization = store.state.token;
		// }
        return config
    },
    error => {
        return Promise.reject(error)
    }
)

// 响应拦截器
//所有的网络请求返回数据之后都会先走这个方法
service.interceptors.response.use(
    response => {
        const res = response.data
        if (response.status !== 200) {
            Message({
                message: 'error',
                type: 'error',
                duration: 5 * 1000
            })
            return Promise.reject('error')
        } else {
            return res
        }
    },
    error => {
		
        Message({
            message: "请求失败，请查看是否联网",
            type: 'error',
            duration: 5 * 1000
        })
        return Promise.reject(error)
    }
)

export default service

//接口封装 interface.js
import request from './request'
export const keyService = {
	// 获取用户激活码和密钥
	getKey(params) {
		return request.post('/Portal/Index/check_code', params)
	}
}

//使用封装好的接口 使用接口的文件
           import {
	            keyService
           } from "./interface"
             let params = {
				code: code,
				key: key
			}
			keyService.getKey(params).then((res) => {
			//使用res
			
			})