资讯专栏INFORMATION COLUMN

初识vue之axios的封装

beita / 1886人阅读

摘要:年初开始接触最开始是使用的不过听说挺牛逼的,准备跳坑试试,毕竟官方已经放弃维护了其中就是是我们后台接口的请求路劲的最后的请求这个字段是让我们的请求携带的信息,如果没有设置的话,默认的就会出现丢失的情况,一直无法取到里面的信息请求拦截器,

18年初开始接触vue,最开始是使用的vue-resource,不过听说axios挺牛逼的,准备跳坑试试,毕竟vue-resource官方已经放弃维护了

其中就是baseURL是我们后台接口的请求路劲(request的最后url=baseURL+axios的请求url)
withCredentials 这个字段是让我们的请求携带cookie的信息,如果没有设置的话,默认的false,就会出现session丢失的情况,一直无法取到session里面的信息

request请求拦截器,在这里我们可以在做一些请求之前操作,对于某些请求,根据请求的携带过来的参数

(例如下面这个请求,就没有loading的效果)

有些项目需要请求好几个后台服务,在请求拦截器这里直接更改request的baseURL就成。。
还有有些接口需要更改头部的信息,直接修改就成
ps:这这里不得不吐槽下vue-resource 在请求拦截器里面更改头部所碰到的坑,想更改头部的信息,必须得先将emulateJSON 这个字段设为false

axios的请求默认的headers的Content-Type为"application/x-www-form-urlencoded;charset=UTF-8"
post请求后端的 (后端框架ssm)Controller中@RequestParam取不到请求参数
这个时候对请求参数做qs.stringify()处理就好了或者要求后端改成从@RequestBody获取参数也成

当请求头部为application/json 无需对请求参数做任何处理
response 响应拦截器主要是对请求超时的情况做处理。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/108861.html

相关文章

  • 初识vueaxios封装

    摘要:年初开始接触最开始是使用的不过听说挺牛逼的,准备跳坑试试,毕竟官方已经放弃维护了其中就是是我们后台接口的请求路劲的最后的请求这个字段是让我们的请求携带的信息,如果没有设置的话,默认的就会出现丢失的情况,一直无法取到里面的信息请求拦截器, 18年初开始接触vue,最开始是使用的vue-resource,不过听说axios挺牛逼的,准备跳坑试试,毕竟vue-resource官方已经放弃维护...

    leo108 评论0 收藏0
  • 两年了,我写了这些干货!

    摘要:开公众号差不多两年了,有不少原创教程,当原创越来越多时,大家搜索起来就很不方便,因此做了一个索引帮助大家快速找到需要的文章系列处理登录请求前后端分离一使用完美处理权限问题前后端分离二使用完美处理权限问题前后端分离三中密码加盐与中异常统一处理 开公众号差不多两年了,有不少原创教程,当原创越来越多时,大家搜索起来就很不方便,因此做了一个索引帮助大家快速找到需要的文章! Spring Boo...

    huayeluoliuhen 评论0 收藏0
  • 初识vue-element-admin

    摘要:最近看了一下项目,它是基于创建的项目创建项目安装默认手动选择配置,看个人项目需求支持使用书写源码支持。支持代码风格检查和格式化。权限验证那里也做了递归的处理不显示在菜单栏。组件内的在组件内使用可以拿到 最近看了一下vue-element-admin项目,它是基于vue-cli3创建的项目 创建vue-cli3项目 安装vue-cli npm install -g @vue/cli v...

    My_Oh_My 评论0 收藏0
  • 初识vue ssr(nuxt.js) ---- 持续更新

    摘要:安装创建模板项目安装依赖项编译并启动服务打开目录结构需要编译的资源文件,如等。可用作添加导航栏底部栏等截面。用于存放页面级别的组件。插件状态管理器目录,如果该目录是空的,将不启用。 安装 // vue-cli 创建nuxt模板项目 $ vue init nuxt-community/starter-template // 安装依赖项 $ cd $ npm install // 编译...

    G9YH 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<