vue axios使用实例

1.安装axios依赖包    

　　npm install axios --save

2.新建js文件，命名js.js。

项目目录：

　　

import axios from 'axios'   //引入axios

　　let base = “http://localhost:8080”;//定义基地址

　　export const login = params => { return axios.post(`${base}/user/login`, params).then(res => res.data).catch(error=>error); };  //调用接口  post请求
　　export const receipt = params => { return axios.get(`${base}/receipt/receipt`, {params: params}).then(res => res.data).catch(error => error); };//调用接口  get请求

//为所有的请求同一设置请求头等信息(需要导入qs模块);　　

axios.interceptors.request.use(function (config) {
config.headers['Content-Type'] = 'application/x-www-form-urlencoded'
if(config.method === 'post') {
config.data = qs.stringify(
config.data
// {...config.data}
)
}
return config;
}, function (error) {
loadinginstace.close()
return Promise.reject(error);
})

3.Login.vue页面　

import {login} from '../js/api'   //在页面里导入接口

/*接口调用*/
login(this.account).then(data=>{
    let { errMsg, errCode, value, extralInfo,success} = data;  //返回的参数
    if (success) {    //请求成功执行的语句

	} else { //请求失败执行的语句
				
	}
});