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 请根据实际情况自行修改
  }
相关推荐
汤米粥2 天前
2026年主流前端技术框架
vue·react·elementplus·tailwind css·angular‌·svelte‌·bootstrap‌
codigger2 天前
Vue nextTick 到底在等什么?一篇讲透原理与那些年踩过的坑
程序员·vue·编程·异步更新·#人工智能
咚咚咚小柒3 天前
【前端】LangChain.js学习
前端·javascript·人工智能·typescript·langchain·vue·ai编程
悟道书生5 天前
若依 RBAC 权限控制学习笔记
java·网络·笔记·sql·学习·vue
mewowaBc5 天前
使用Pinia持久化存储实现用户认证系统
vue·pinia·用户认证系统
gc_22996 天前
使用VS Code终端创建Vue项目报错:“npm : 无法加载文件 ...\npm.ps1,因为在此系统上禁止运行脚本”
vue·vs code
小阿鑫6 天前
尤雨溪 : Vue 4 已经在规划中了!
vue·vite·vite+·程序员海军·vue4
离歌漠7 天前
《我用 Tauri 做了一个本地开发工具箱》
rust·typescript·vue
enjoy编程7 天前
playwright学习-I
typescript·vue·nodejs·1024程序员节·playwright
落花看风雪10 天前
从零开始搭建后台系统(vue3+TypeScript+Vite)01
typescript·vue·js