vue当中axios调取后台数据 以及设置自定义请求头

从vue2.0开始vue-resource就不再维护了，尤大大开始推荐使用 axios。  具体详细教程可在官网查阅，这篇文章主要说明一些简单的问题。

 

第一步：安装axios

$ npm install axios

第二步：在 main.js中引入axios

第三步：设置我们自定义的 头请求；

header也可以在我们具体的请求中添加 header参数，我们这里是在main.js中添加公众的。

axios.defaults.timeout = 5000; //请求超时的时间设定

axios.defaults.headers.post['Content-Type'] = 'application/json'; //axios默认的请求方式,可以自己设置

axios.defaults.baseURL = 'http://localhost:8008'; //axios默认的请求地址,开发时可以实际的接口地址来设置该值,去请求别人的接口(前提是后台已经帮你解决了接口的跨域问题,如果没有,请看下文,我们自己可以解决开发跨域的问题)

axios.defaults.headers.common["token"] = "aaaaaaaaaaa"; 这块token呢是因为当初调试接口的时候 有些接口必须登录才可以调用，而我们的登陆注册并未写好，因此 后台给了一个故固定的token，然后写在了头里面。