[TOC] ## 1, 安装: ``` npm install axios -S ``` ## 2.全局注册axios 首先在 main.js 中引入 axios ``` import axios from 'axios' ``` 这时候如果在其它的组件中，是无法使用 axios 命令的。但如果将 axios 改写为 Vue 的原型属性，就能解决这个问题 ``` Vue.prototype.$ajax = axios ``` ## 3.基本使用 https://www.npmjs.com/package/axios 教程 ``` axios.get('/user/12345') .then(function(response) { console.log(response.data); console.log(response.status); console.log(response.statusText); console.log(response.headers); console.log(response.config); }); ``` ## 表单方式提交 ``` this.post = function(url,data,s_config){ //设置提交的数据为fromdata 并生成数据 if(s_config==undefined){ s_config={}; } if(s_config.headers==undefined){ s_config.headers={}; } s_config.headers['Content-Type']='application/x-www-form-urlencoded'; s_config.transformRequest= [function (data) { let ret = '' for (let it in data) { ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&' } return ret }]; url = detaultUrl + url; return axios.post(url,data,s_config); } ``` ## 跨域 带cookie ``` axios.defaults.withCredentials=true; axios.defaults.baseURL = 'https://api.example.com'; axios.defaults.headers.common['Authorization'] = AUTH_TOKEN; axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; ```