H5W3
当前位置:H5W3 > 问答 > 正文

Vue的axios封装问题

求解,这个应该怎么配置,网上咋写的都有,还有跨域问题,后台给的接口都会跨域吗,必须在 proxyTable: {}里面配置吗

回答

跨域一般是后台处理

一般都是为了一些基本项目配置

  1. 异常处理,比如说500、404这些,只有200才进行后续的操作,有的还会对错误码进行判断。
  2. content-type
  3. timeout

一般来说给你的接口都不会跨域,proxyTable 是让你在本地开发的时候用的。

axios拦截器封装接口调用
可以参考一下我这个,封装axios为了统一的错误处理,配置请求头(token、content-type等),通过请求拦截器/响应拦截器实现相应的逻辑。
后端给到我们接口,我们本地开发肯定是需要配置代理的,不然无法跨域访问接口。上线部署时,配置nginx代理,通过访问nginx服务器代理指向后端的服务器。

后端在配置文件中配置跨域,在开发过程中vue中可以使用porxy来暂时处理跨域问题.
vuecli proxy 配置

未经允许不得转载:H5W3 » Vue的axios封装问题

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址