axios的封装理解和基本使用

道友请留步s2024-04-22 16:51

axios的配置

复制代码

ruoyi的前端对axios进行了封装，让我们发get请求或者是post请求更加方便了。
ruoyi对axios的封装在下面文件中：

复制代码

打开文件，可以看到它有三个显眼的方法，分别是request拦截器、response拦截器和通用下载方法。

ruoYi接口地址配置

js 复制代码

// 创建axios实例
const service = axios.create({
  // axios中请求配置有baseURL选项，表示请求URL公共部分
  baseURL: process.env.VUE_APP_BASE_API,
  // 超时
  timeout: 10000
})

springBoot .yml配置文件解析

js 复制代码

  // 是否需要设置 token
  const isToken = (config.headers || {}).isToken === false
  // 是否需要防止数据重复提交
  const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
  if (getToken() && !isToken) {
    config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
  }