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 请根据实际情况自行修改
  }
相关推荐
@AfeiyuO12 小时前
封装ElementPlusIcons图标和系统应用内置图片为应用图标
vue
JELEE.12 小时前
Vue3复习笔记
vue.js·笔记·vue
by__csdn14 小时前
第二章 (.NET Core环境搭建)第二节( Visual Studio Code)
ide·vscode·c#·vue·asp.net·.net·.netcore
是梦终空15 小时前
JAVA毕业设计253—基于Java+Springboot+vue3+协同过滤推荐算法的传统服饰文化平台(源代码+数据库+任务书+12000字论文)
java·spring boot·vue·毕业设计·课程设计·协同过滤推荐算法·传统服饰文化平台
水宁成冰1 天前
前端静态网站Lighthouse评分优化,vue3项目
前端·vue
前端无涯1 天前
TypeScript 完整学习指南:从基础到工程化实践
typescript·vue·react
邂逅星河浪漫1 天前
【Dify-Chatflow】简历优化助手实现+前后端分离式系统集成+Docker容器化部署)
java·docker·vue·springboot·dify·apifox
by__csdn1 天前
Vue3 大文件分片上传完整指南:图片/视频附件高效传输方案
前端·javascript·vue.js·typescript·vue·css3·html5
gzmyh2 天前
thinkphp8+vue3整合的工作流实战demo
vue·php·workflow·工作流
离别又见离别2 天前
vue使用js渲染组件案例(公用打印组件动态渲染)及静默打印实现
前端·javascript·vue