axios的封装理解和基本使用

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 请根据实际情况自行修改
  }
相关推荐
yg_小小程序员11 小时前
vue3中使用vuedraggable实现拖拽
typescript·vue
川石教育15 小时前
Vue前端开发-缓存优化
前端·javascript·vue.js·缓存·前端框架·vue·数据缓存
漫天转悠1 天前
VScode中配置ESlint+Prettier详细步骤(图文详情)
vscode·vue
落魄实习生1 天前
AI应用-本地模型实现AI生成PPT(简易版)
python·ai·vue·ppt
bpmf_fff2 天前
二九(vue2-05)、父子通信v-model、sync、ref、¥nextTick、自定义指令、具名插槽、作用域插槽、综合案例 - 商品列表
vue
java_heartLake2 天前
Vue3之状态管理Vuex
vue·vuex·前端状态管理
小马超会养兔子2 天前
如何写一个数字老虎机滚轮
开发语言·前端·javascript·vue
小阳生煎2 天前
多个Echart遍历生成 / 词图云
vue
小马超会养兔子3 天前
如何写一个转盘
开发语言·前端·vue
bpmf_fff3 天前
二八(vue2-04)、scoped、data函数、父子通信、props校验、非父子通信(EventBus、provide&inject)、v-model进阶
vue