文章 2024-10-23 来自:开发者社区

在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新

一、需求背景 对于一些需要记录用户行为的系统,在进行网络请求的时候都会要求传递一下登录的token。不过,为了接口数据的安全,服务器的token一般不会设置太长,根据需要一般是30分钟的样子,token过期后就需要重新登录。不过,频繁的登录会造成体验不好的问题,因此,需要体验好的话,就需要定时去刷新token,并替换之前的token。 实现token无感刷新对于前端来说...

在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
文章 2024-10-13 来自:开发者社区

在 Vue 项目中,Axios 的请求拦截器的作用

在 Vue 项目中,Axios 的请求拦截器起着非常重要的作用。下面我们来详细探讨一下它的具体功能和意义。 一、请求拦截器的主要作用 添加请求头信息:可以在请求发送前,动态地为请求添加特定的请求头,如认证信息、用户标识等,以便服务器能够正确处理请求。修改请求参数:可以对请求参数进行预处理或修改,满足...

文章 2024-10-13 来自:开发者社区

在 Vue 项目中使用 Axios 发送请求时如何处理错误?

在 Vue 项目中使用 Axios 发送请求时,处理错误是非常重要的一部分。下面将详细介绍如何处理错误: 一、捕获错误 当使用 Axios 发送请求出现错误时,会触发 catch 回调函数。我们可以在这个回调函数中处理错误情况。 二、错误类型分析 网络错误:如网络连接中断、服务器无响应等。服务器错误:如服务器返回的错误状态码&...

文章 2024-10-13 来自:开发者社区

在 Vue 项目中,如何使用 Axios 进行数据请求?

在 Vue 项目中使用 Axios 进行数据请求是非常常见的操作,下面详细介绍一下具体的步骤: 一、安装 Axios 可以通过以下命令使用 npm 或 yarn 来安装 Axios: npm install axios 或 yarn add axios 二、引入 Axios 在需要使用 Axios 的组件中,通常可以在组件的 script ...

文章 2024-10-09 来自:开发者社区

vue尚品汇商城项目-day02【11.对axios二次封装+12.接口统一管理】

@[toc] 11.对axios二次封装 安装命令:cnpm install --save axios 在src目录下新建api的文件夹,新建axios.js文件,该文件就是“对axios二次封装”。 XMLHttpRequest、fetch、JQuery、axios 11.1为什么需要进行二次封装axios? 请求拦截器、相应...

vue尚品汇商城项目-day02【11.对axios二次封装+12.接口统一管理】
文章 2024-09-27 来自:开发者社区

vue 中 axios 的安装及使用

1. axios 安装 首先,打开当前的项目终端,输入 npm install axios --save-dev 验证是否安装成功,检查项目根目录下的 package.json,其中的 devDependencies 里面会多出一个axios及其版本号。 2. axios使用 <template> <div class="main"> <div c...

vue 中 axios 的安装及使用
文章 2024-09-24 来自:开发者社区

vue配合axios连接express搭建的node服务器接口_简单案例

首先,我们先搭建node服务器 我们需要使用express这个node搭建服务的框架,当然也可以使用其他的下载全局express和express-generator这两个模块依赖包 npm i -g express express-generator 在文件夹在我们创建自己的express文件夹,并打开cmd执行命令 express --view=ejs mynodeExpress my...

vue配合axios连接express搭建的node服务器接口_简单案例
文章 2024-09-22 来自:开发者社区

Vue框架中Ajax请求的实现方式:使用axios库或fetch API

在Vue框架中,Ajax请求是前后端交互的重要手段,用于异步获取数据。Vue本身不包括Ajax功能,但可以通过引入外部库来实现。常用的有 axios库和原生的 fetch API。下面将详细介绍这两种实现方式,以及它们的使用示例。 使用Axios库 Axios是一个基于Promise的HTTP客户端,适用于浏览器和node.j...

文章 2024-09-09 来自:开发者社区

vue中使用axios请求post接口,请求会发送两次

在vue中使用axios请求post接口,请求会发送两次 所有跨域的js在提交post请求的时候,如果服务端设置了可跨域访问都会默认发送两次请求,第一次是预检请求,查询是否支持跨域,第二次才是真正的post提交。JS中出现这个现象原因在于你发送了一个非简单请求。 浏览器分为简单请求以及非简单请求:跨域请求需要先发一次Option预请求,OPTIONS是检验是否允许跨域的,如果不希望OPT...

vue中使用axios请求post接口,请求会发送两次
文章 2024-08-20 来自:开发者社区

【Vue面试题二十七】、你了解axios的原理吗?有看过它的源码吗?

文章底部有个人公众号:热爱技术的小郑。主要分享开发知识、学习资料、毕业设计指导等。有兴趣的可以关注一下。为何分享? 踩过的坑没必要让别人在再踩,自己复盘也能加深记忆。利己利人、所谓双赢。 面试官:说下你的vue项目的目录结构,如果是大型项目你该怎么划分结构和划分组件呢? 一、为什么要划分 使用vue构建项目,项目结构清晰会提高开发效率,熟悉项目的各种配置同样会让开发效率更高 在划...

【Vue面试题二十七】、你了解axios的原理吗?有看过它的源码吗?

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。