vue简单配置axios,并设置拦截器

1.新建axios-config.js

vue简单配置axios,并设置拦截器_第1张图片

2.新建interface.js

vue简单配置axios,并设置拦截器_第2张图片

3.组件中使用

vue简单配置axios,并设置拦截器_第3张图片

post请求中如果请求参数,需要引入import qs from 'qs' 进行序列化

vue简单配置axios,并设置拦截器_第4张图片

4.可以在interface.js统一封装成一个方法,export之后再使用

使用:import Interface from 'interface.js'(路径为相对路径)

vue简单配置axios,并设置拦截器_第5张图片

5.拦截器

vue简单配置axios,并设置拦截器_第6张图片

你可能感兴趣的:(vue简单配置axios,并设置拦截器)