vue axios安装及使用

1.安装axios

cnpm install axios --save-dev

2.创建api文件

在文件中引入

设置请求头

axios.interceptors.request.use(function (config) {
    config.headers['token'] = localStorage.getItem('token') || 'adf7cbdcdc62b07d94f86339e5687ca51'  
    // 在发送请求之前做些什么
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

请求接口

export const getjslistApi=()=>{
	return axios.get('roles/index.php').then(res=>res.data)
}

在项目中引入使用

import {getUserApi,deleteUsersApi,putyhqhApi} from '@/api/index'
export default {
	created() {
			this.initData()
}，
methods：{
			initData() {
				getUserApi({
						pagenum: this.pagenum,
						pagesize: this.pagesize,
						uname: this.uname,
						start_time: this.start_time,
						end_time: this.end_time
					})
					.then(res => {
						console.log(res.data);
						this.tableData2 = res.data.list
						this.tabletotal = parseInt(res.data.total)
					})
			}
}
}