关于vue和react中axios请求的拦截和响应拦截

Posted 竹子up

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于vue和react中axios请求的拦截和响应拦截相关的知识,希望对你有一定的参考价值。

     在 前后端数据交互中,我们通常都会用到axios去发送请求,有时候会跨域,不过可以配置反向代理解决这一问题;比如以/ele开头的请求我们可以利用服务器代理为我们想要发送请求的服务器,然后在axios请求拦截去设置,这样就会省去我们后面所有axios请求时都要加上/ele,具体操作方式如下:
    请求拦截:

axios.interceptors.requet.use(config=>{

config.url = "ele"+config.url

  retuen config (放行)
})

响应拦截:

axios.intercptors.response.use(res=>{

  return res.data

})

因为axios请求回来的数据都会放在data里面这样返回的数据就是直接解析过后的这样前段渲染时就少了一步解析度过程

当然还有一些其他处理也可以按需 来使用axios的请求与响应拦截。

  

以上是关于关于vue和react中axios请求的拦截和响应拦截的主要内容,如果未能解决你的问题,请参考以下文章

Vue 使用axios发送请求

vue中axios请求拦截器和响应拦截器 以及401状态处理

Vue中使用Axios拦截器(拦截请求与相应)

关于axios及其在vue中的配置

vue axios请求/响应拦截器

React Native使用axios进行网络请求