您的位置:首页 > Web前端 > Vue.js

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

2019-01-04 15:02 645 查看

从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,然后写在了头里面。

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: