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,然后写在了头里面。
相关文章推荐
- vue通过axios发送put/post等请求,配合后台consume"MediaType.APPLICATION_FORM_URLENCODED"
- PHP后台2:客户端(IOS/Android)Post请求以及JSON数据编解码
- vue中axios数据请求 get和post
- vue中的所有axios请求都会发送2次,但是第一次不返回数据的原因
- 【iOS开发-60】案例学习:多组数据的tableView设置、增加右侧组索引、多层数据模型设置以及valueForKeyPath
- vue请求方式axios和axios.get
- Vue项目加载本地的json文件模拟请求后台数据
- vue 使用 axios 发 post 请求,后台无法接收到数据
- 关于AJAX请求后台数据,接收后台返回的JSON数据,以及前台遍历json数据和append追加元素。
- vue.js 2.0 版本—写一个模拟后台数据请求
- 在vuex的store中如何正确的通过axios进行请求操作获取数据
- IOS菜鸟的所感所思(四)——自定义UICollectionViewCell以及网络数据的添加。
- vue项目中axios请求网络接口封装的示例代码
- vue中使用axios请求后台数据
- Nohttp网络请求数据,Post以及Get的简单实用以及设置缓存文字的的请求
- iOS 导航条透明(以及自定义颜色)的方法,去掉导航条底部黑线,随着tableView滚动设置导航条变色
- ajax提交请求到后台以及页面数据的一些验证
- vue 请求后台数据
- ios 实现在tableViewCell上面添加长按手势 删除该条cell以及列表后台数据等
- IOS中http请求数据的解析以及http状态码的获取