本文在github做了收录 github.com/Michael-lzg/my--article/blob/master/other/分享几个实用的API.mdMutationObserverIntersectionObservergetComputedStyle()getBoundingClientRectrequestAnimationFrameMutationObserverMutation
# 前端Axios保姆教程：全方位了解Axios
在现代前端开发中，很多项目需要进行HTTP请求以获取或发送数据。虽然使用原生的`XMLHttpRequest`API可以完成请求操作，但使用第三方库（如Axios）可以让这变得更加简洁和易用。在这篇文章中，我们将深入探讨Axios，理解它的基本用法，功能特点，及其与其他库的对比，最终帮助你在项目中自如运用Axios。
## 什么是Axios？
vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios,前一段时间用了一下，现在说一下它的基本用法。首先就是引入axios,如果你使用es6，只需要安装axios模块之后 import axios from 'axios';
//安装方法
npm install axios
//或
bower install axios 当然也可以用script引入 &l
转载
2023-09-24 17:50:29
606阅读
# Axios 接口配置教程
在现代的前端开发中，HTTP 请求是应用程序与后端服务进行交互的主要手段。Axios 是一个基于 Promise 的 HTTP 客户端，广泛用于浏览器和 Node.js 环境。本文将介绍如何配置 Axios，以便更好地管理 API 请求。
## 什么是 Axios？
Axios 是一个开源的 HTTP 客户端，支持 Promise API。它可以用于发送 HTT
原创
2024-09-25 08:54:22
61阅读
在前端开发中，如何设置请求头是一个非常重要的内容。众所周知，axios 是一个基于 Promise 的 HTTP 客户端，它可以用在浏览器和 node.js 中。为了能够灵活地配置请求头，本文将提供详细的步骤和示例代码，帮助你在前端项目中高效、正确地进行配置。
## 环境准备
在开始之前，我们需要准备好开发环境。以下是我在这个过程中使用的基础设施和工具：
### 软硬件要求
- Node.j
1. 通过axios实现数据请求vue.js默认没有提供ajax功能的。所以使用vue的时候，一般都会使用axios的插件来实现ajax与后端服务器的数据交互。注意，axios本质上就是javascript的ajax封装，所以会被同源策略限制。下载地址：https://unpkg.com/axios@0.18.0/dist/axios.js
https://unpkg.com/axios@0.18
# 使用axios进行前端请求加跨域配置
在前端开发过程中，经常会遇到跨域请求的问题。跨域是指在浏览器的同源策略下，不同源的网页之间不能相互访问对方的资源。这种限制在一定程度上保护了用户的隐私和安全，但在实际开发中也会给我们带来一定的困扰。
在前端开发中，我们通常会使用 axios 这个库来发送 HTTP 请求。axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 Nod
原创
2024-06-06 04:02:53
101阅读
# 前端 Axios 如何配置基地址
在现代前端开发中，Axios 被广泛使用于处理 HTTP 请求。它的易用性和功能强大使其成为与后端 API 进行交互的首选库。在实际开发中，我们经常需要将多个 API 请求指向同一个基地址。为了提高代码的可维护性与简洁性，配置 Axios 的基地址是一个良好的实践。本文将通过具体示例介绍如何配置 Axios 的基地址，并提供一些实际应用场景。
## 一、准
脚手架配置代理的两种方法一、通过Axios向服务器发送请求二、如何解决跨域（配置代理）——方法（单个服务器）三、如何解决跨域（配置代理）——方法二（多个服务器） 一、通过Axios向服务器发送请求这里假设有后端接口，我就不放了axios是通过promise实现对ajax技术的一种封装,实现网页的局部数据刷新1、安装Axios第三方库：npm install axios2、在component文件
转载
2024-10-06 07:52:31
339阅读
文章目录前言跨域解决的方法1.JSONP2.CORS跨域资源共享3.http proxy => webpack webpack-dev-server4.nginx反向代理5.postMessage（跟Worker很像）6.WebSocket协议跨域总结 前言为了加快请求响应时间，服务器进行分布式布局，将服务器分为： web服务器：用于处理静态资源 data服务器：业务逻辑和数据分析 图片服
转载
2024-05-16 03:41:04
214阅读
Nuxt.js 是一个基于 Vue.js 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染。SSR服务器 SSR在服务端将vue渲染成html返回
转载
2024-03-11 11:41:25
162阅读
# 如何使用axios实现前端上传文件header配置
## 流程概要
首先，我们需要创建一个axios实例，并配置相关的header信息。然后，在上传文件的时候，将文件和header信息一起发送到后端。
以下是整个过程的详细步骤：
```mermaid
gantt
title axios前端上传文件header配置流程
section 创建axios实例
创建axi
原创
2024-07-13 04:50:16
91阅读
特征比Jquery轻量，但处理请求不多的时候，可以使用基于Promise语法标准支持nodejs自动转换JSON数据用法get // Make a request for a user with a given ID
axios.get('/user?ID='+USER.ID)
.then(function (response) {
console.log(response);
转载
2023-12-25 23:40:16
369阅读
前段时间刚好公司有项目使用了Nuxt.js来搭建，而刚好在公司内部做了个分享，稍微再整理一下发出来。本文比较适合初用Nuxt.js的同学，主要讲下搭建过程中做的一些配置。建议初次使用Nuxt.js的同学先过一遍官方文档，再回头看下我这篇文章。一、为什么要用Nuxt.js原因其实不用多说，就是利用Nuxt.js的服务端渲染能力来解决Vue项目的SEO问题。二、Nuxt.js和纯Vue项
转载
2024-08-03 15:12:19
279阅读
# axios 教程
和nodejs的，与服务端进行通信的库2、特征：支持PromiseAPI拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据3、使用CDN地址：https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.min.jsnodenpminstallaxios--save-dev
原创
2018-12-17 20:34:56
8373阅读
一、 利用webpack反向代理（此方法适合利用框架搭建的项目，以下例子基于vue搭建的项目）1. 找到已经搭建完成的项目，进入config文件找到index.js如图2. 进入index.js 文件后，开始配置代码如下proxyTable: {
'/api': {
target: "http://127.0.0.1", //配置需要跨域的IP地址
转载
2023-10-09 16:40:59
269阅读
前几篇文章回忆了DataForm和DataGird的代码创建过程，这些也是项目中遇到经常用的一些功能点。看完这两篇以后代码也许会懂一些不过为什么这么写还是需要在简单的总结总结记一下。 首先是表单的创建 导入创建
转载
2023-12-07 10:36:37
133阅读
# axios 前端分页
在前端开发中，我们经常会遇到需要对大量数据进行分页展示的需求。为了提高用户体验和页面加载速度，我们通常会使用前端分页技术。axios 是一个流行的基于 Promise 的 HTTP 客户端库，它可以轻松地发送异步请求，并且支持处理分页数据。
## 什么是前端分页？
前端分页是指将大量数据分成多个页面进行展示，每次只加载当前页面所需的数据。这样可以减少网络传输的数据量
原创
2023-07-14 18:13:39
242阅读
js面试题1、js数据类型基本数据类型 Number、String、Boolean、Null、Undefined、Symbol、bigInt引用数据类型 object、Array、Date、Function、RegExp2、js变量和函数声明的提升在js中变量和函数的声明会提升到最顶部执行函数的提升高于变量的提升函数内部如果用 var 声明了相同名称的外部变量，函数将不再向上寻找。匿名函数不会提升
