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 请根据实际情况自行修改
  }
相关推荐
lingliang5 小时前
使用 JS 渲染页面并导出为PDF 常见问题与修复
javascript·pdf·vue
22:30Plane-Moon3 天前
项目1总结其三(图片上传功能)
ide·spring boot·vue
阿࿆杰࿆3 天前
solon-flow基于bpmnJs的流程设计器
vue·流程图·react
麦麦大数据5 天前
F003疫情传染病数据可视化vue+flask+mysql
mysql·flask·vue·大屏·传染病
知识分享小能手7 天前
Vue3 学习教程,从入门到精通,Axios 在 Vue 3 中的使用指南(37)
前端·javascript·vue.js·学习·typescript·vue·vue3
码码哈哈爱分享7 天前
Tauri 框架介绍
css·rust·vue·html
i紸定i7 天前
解决html-to-image在 ios 上dom里面的图片不显示出来
前端·ios·vue·html·html-to-image
尚学教辅学习资料9 天前
Vue3从入门到精通: 4.5 数据持久化与同步策略深度解析
vue·数据持久化
IT毕设实战小研9 天前
Java毕业设计选题推荐 |基于SpringBoot的健身爱好线上互动与打卡社交平台系统 互动打卡小程序系统
java·开发语言·vue.js·spring boot·vue·毕业设计·课程设计
第七种黄昏10 天前
大事件项目拆解:登录访问拦截实现详解
前端框架·vue·js