vue.js 使用axios的一点笔记

安装axios

import Vue from 'vue'
import axios from 'axios'

axios 默认连接地址

axios.defaults.baseURL = '/apis';

axios 在请求的header上添加上token

axios.interceptors.request.use(
	config => {
		if (store.state.token) { // 判断是否存在token，如果存在的话，则每个http header都加上token
			config.headers.token = store.state.token;
		}
		return config;
	},
	err => {
		return Promise.reject(err);
	});

新建全局$post函数

//全局通用POST请求函数
Vue.prototype.$post = function(url, param, success, error) {
	axios.post(url, param)
		.then((res) => {//请求成功后
			console.log(res);
		})
		.catch((error) => {//请求失败后返回错误信息
			console.log(res);
		});
}

全局调用

post(){
    this.$post('/apis/function',{
        data:data
    },(res)=>{
        console.log(res);
    });
}

小结

自己在使用过程中的一点笔记，如有错误请大神指点。