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

Posted 2021-02-28 竹子up

     在 前后端数据交互中，我们通常都会用到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的请求与响应拦截。