一、 vue 面试题
axios 是什么？怎么使用？描述使用它实现登录功能的流程？它与 fetch、ajax 的区别是什么？答案如下：
axios 是基于 promise 用于浏览器和 node.js 的一个 http 客户端，主要用于向后台发起请求的，以及在请求中做更多的控制支持 promise，提供了一些并发的方法，提供拦截器，提供支持 CSRF，跨站请求伪造
axios 与 fetch 都是
转载
2024-05-29 12:56:22
39阅读
前言在对接接口的时候时常会有传参问题调调试试很多，是 JSON、From Data还是 URL 传参，没有搞清楚就浪费很多时间。本文中就结合 axios 来说明这些的区别，以便在以后工作更好对接。一、传参区别在 axios 的源码中对参数的处理分为两类，一类是：get、delete 等，一类是：post、put 等。// 路径：node_modules\axios\lib\core\Axios.j
转载
2023-08-28 18:26:47
412阅读
# 如何实现axios body
## 1. 整体流程
首先，我们需要明确整个实现“axios body”的流程。下面的流程图展示了实现该功能的步骤：
```mermaid
flowchart TD
A[创建axios实例] --> B[设置请求方法]
B --> C[设置请求URL]
C --> D[设置请求体]
D --> E[发送请求]
```
##
原创
2024-03-13 05:01:13
42阅读
Nginx干货（二）配置详解此篇就不矫情了。直接上个配置吧。以后若有更新，继续修补/usr/local/nginx/conf目录下面的nginx.conf文件以用户nginx的身份来运行user nginx;启动进程，通常设置成和cpu数量相等worker_processes 10;全局错误日志error_log logs/error.log;
error_log logs/error.lo
登录的请求拦截和响应拦截设置原因：设置请求拦截器的目的其实是为了在访问别的页面之前不需要每次都单独设置token，所以就在请求拦截器中配置，这样每次请求访问时都会带上token。还有一种情况，是设置一个token的失效时间，防止用户长时间忘记操作忘记退出登录而导致数据泄露等情况，所以就需要在请求头带上token；实现程序代码：// 引入 axios 库
import axios from 'axi
转载
2023-10-18 22:22:29
123阅读
1、为了方便，设置baseURL地址，简化api地址2、通过axios.defaults.timeout设置默认的请求超时时间。例如超过了10s，就会告知用户当前请求超时，请刷新等。3、请求拦截：// 请求拦截器
axios.interceptors.request.use(
config => {
// 每次发送请求之前判断是否存在token，如果存在，则统一在
转载
2023-08-26 23:28:54
584阅读
项目采用vue-cli脚手架，在src文件夹内新建request文件夹，新建http.js。1.工程目录如下：2.实例axios安装axios后，在http.js中：（1）引入axios：import axios from "axios";
import store from "../store/index";//vuex中存储登录token（2）状态码处理方法：/**
* 请求失败后的错误统一
转载
2023-09-23 09:56:35
133阅读
# axios post body
在前端开发中，经常需要与后端进行数据交互。其中，发送POST请求是常见的操作之一。在前端发送POST请求时，常常需要将数据放在请求的body中。为了方便开发者发送POST请求，并处理响应，Axios成为了一个非常流行的HTTP客户端库。本文将介绍Axios发送POST请求时如何使用body，并提供代码示例。
## Axios简介
Axios是一个基于Pro
原创
2023-12-26 05:24:25
181阅读
# 发送原始数据的axios请求
在进行网络请求时，我们经常需要发送原始数据，例如JSON、文本或二进制数据。axios是一个常用的JavaScript库，用于发送HTTP请求，并且支持发送原始数据。在axios中，我们可以使用`data`字段来发送原始数据，通过设置`Content-Type`头部来指定数据类型。
本文将介绍如何在axios中发送原始数据，并提供代码示例来演示如何进行操作。
原创
2024-03-13 05:01:00
69阅读
## 实现“axios get body”的流程
为了帮助你理解如何实现“axios get body”，我将分为以下几个步骤来进行讲解。首先，让我们来看一下整个流程的概览。
```mermaid
journey
title 实现“axios get body”的流程
section 整体流程
开始 --> 创建一个axios实例 --> 发送GET请求 -->
原创
2023-10-22 10:47:52
95阅读
使用 Axios 库发送 HTTP 请求时，有时需要将二进制数据作为请求体发送给服务器。本文将介绍如何使用 Axios 发送二进制数据，并提供相应的代码示例。
在开始之前，我们需要了解一些关于 Axios 和二进制数据的基本知识。Axios 是一个基于 Promise 的 HTTP 客户端库，可用于浏览器和 Node.js。它可以帮助我们更轻松地发送 HTTP 请求，并处理响应数据。
二进制数
原创
2024-01-29 08:37:28
146阅读
# 如何将axios请求改成body方式
## 概述
在使用axios发送请求时，通常会使用query参数的方式来传递数据。但有时候我们希望将数据以body的形式发送，这样可以更好地保护数据安全。本文将介绍如何将axios请求改成body方式，并指导您完成这一过程。
### 整体步骤
下面是将axios请求改成body方式的整体步骤，请按照以下步骤逐步操作。
```mermaid
pie
原创
2024-07-11 04:41:56
25阅读
# axios设置body
在前端开发中，我们经常需要与后端进行数据交互。而在发送请求时，我们常常需要设置请求的body参数。axios是一个被广泛使用的HTTP请求库，它提供了便捷的方法来设置请求的body。
## 什么是axios
axios是一个基于Promise的HTTP客户端，可以在浏览器和Node.js中发送HTTP请求。它具有以下特点：
- 从浏览器中创建XMLHttpReq
原创
2023-12-13 10:27:24
563阅读
vue框架中 axios的封装（一）、全局下载 axios npm install --save axios （二）、建一个专门用来封装axios的js文件 在src目录下建立api（大部分公司写api）文件夹 /src/api 在api文件夹下建立新的js文件，也就是封装a xi o s的文件夹，例如：feng.js 在feng.js中所写的代码，如下： 第一步：引入 axios （import
转载
2024-06-12 13:21:57
74阅读
# 实现 axios 拦截的步骤
## 概述
拦截器是在发送请求或响应之前和之后对其进行处理的功能。在 axios 中，我们可以使用拦截器来实现对请求和响应的统一处理，例如添加请求头、身份验证、错误处理等。本文将介绍如何实现 axios 的拦截功能。
## 步骤概览
下表展示了整个实现拦截的流程，包括每个步骤需要做什么，以及需要使用的代码。
| 步骤 | 描述 | 代码 |
| --- |
原创
2023-10-26 07:27:30
59阅读
第一步: 路由 多添加一个自定义字段 requireAuth path: '/repository',
name: 'repository',
meta: {
requireAuth: true, // 添加该字段，表示进入这个路由是需要登录的 }, component: Repository 第二步: &nb
转载
2023-11-07 15:09:22
236阅读
本人一生与bug英勇奋战，可谓斩敌无数，双手沾满鲜血，对于bug早已见怪不怪了。怎奈对于一些始料未及，史无前例的另类bug，真是惊呆了我的小伙伴们！ 我在使用axios的过程中，遇神坑一个，坑虽不大，但深陷其中并久久不得爬出。在此记录一下，望君莫犯！一切的一切，都要从axios的transformRequest属性说起…一、transformRequest的四个特征：1、可以在向服务器发
转载
2024-08-28 08:13:38
80阅读
3，Ajax3.1 概述AJAX (Asynchronous JavaScript And XML)：异步的 JavaScript 和 XML。我们先来说概念中的 JavaScript 和 XML，JavaScript 表明该技术和前端相关；XML 是指以此进行数据交换。而这两个我们之前都学习过。3.1.1 作用AJAX 作用有以下两方面：与服务器进行数据交换：通过AJAX可以给服务器发送请求，服
转载
2023-12-18 20:30:25
66阅读
项目中经常需要这样的功能：对每个http请求的请求参数和响应数据进行拦截，比如统一在headers中添加 authorization的权限验证、在响应之后统一处理返回的错误：401提示用户"您的登录信息已过期，请重新登录"。想想如果我们要在每个接口中都分别做处理，这将是多么可怕的工作量。所以我们需要用到拦截器，顾名思义：拦截每一次你的请求和响应，然后进行相应的处理。当然这不用拦截器你或许也可以完成
转载
2023-10-15 22:51:51
58阅读
路由拦截 + 请求拦截登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由， 否则就进入登录页面。const routes = [
{
path: '/',
name: '/',
component: Home
},
{
path: '/goo
转载
2024-02-29 09:41:32
125阅读
