axios 基础

灰太狼 2022-12-05 00:59 91阅读 0赞

# axios 基础 #

## 特征： ##

*  从浏览器中创建XMLHttpRequest
 *  从node.js发出http请求
 *  支持Promise API
 *  拦截请求和响应
 *  转换请求和响应数据
 *  取消请求
 *  自动转换JSON数据
 *  客户端支持防止CSRF/XSRF

## 作用 ##

ajax工具包
    promise
    支持请求和响应的拦截
    nodejs和网页端都可以使用

## 使用 ##

1，安装
    	npm  install axios -S
    2.  导入挂载
    	import axios from 'axios'
    	 vue.prototype.$http = axios
    3.  组件中使用
    	this.$http.get(url)
    	.then(res=>console.log(res))
    	.cartch(err=>console.log(err))

## get ##

get(url)
    get(url?name=gxx&age=19)
    get(url,{params:{name:"gxx",age:18}})

## post ##

post(url,data,config)
    post("http://www.mi.com/api/echo",{name:"abc",age:15})
    post("http://www.mi.com/api/echo","name:abc&age:15",{
    headers:{Content-Type":"application/x-www-form-urlencodeed}

\})

## axios() ##

url:xxxx
    	地址
    method
    	方法：|post|get|put|delete|head
    params
    	get请求传参
    data
    	post，put  请求传参
    headers
    	请求头信息
    		”Content-Type“
    		Content-type:application/json
    		Content-type:application/x-www-form-	urlencoded;charset=utf-8
    		Content-type:multipart/form-data

发表评论取消回复

表情：

评论列表（有 0 条评论，91人围观）

还没有评论，来说两句吧...

相关阅读

相关前端网络基础 - axios源码分析

[前端网络基础 - axios使用\_qfc\_128220的博客-CSDN博客][- axios_qfc_128220_-CSDN] 在上一节中，我们分析了axios的基本

冷不防/ 2023年10月01日 19:22/ 0 赞/ 6 阅读

相关前端网络基础 - axios使用

目录 XMLHttpRequest的缺点 axios初体验 axios发送AJAX的API axios axios.METHOD axios默认配置 axios.

布满荆棘的人生/ 2023年10月01日 18:27/ 0 赞/ 7 阅读

相关节流Axios_react-axios

　　适用于 React 框架的 Axios 组件，具有 child function callback。　　在 render 阶段进行异步请求。　　继承了 axios

Myth丶恋晨/ 2023年09月25日 12:12/ 0 赞/ 60 阅读

相关 Vue之axios基础使用

axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征： > 1. 从浏览器中创建 XMLHtt

迷南。/ 2023年02月09日 10:28/ 0 赞/ 7 阅读

相关 VUE必会知识(一)---axios基础

axios axios 安装基础用法踩坑小例子后端后端思路

约定不等于承诺〃/ 2022年12月25日 06:55/ 0 赞/ 221 阅读

相关前端基础2(promise与axios、模块化)

一. promise与axios 二. 模块化 1. 什么是模块化就是把代码进行拆分，方便重复利用。类似java中的导包，要使用一个包，必须先导包。

青旅半醒/ 2022年12月06日 15:59/ 0 赞/ 56 阅读

相关 axios 基础

axios 基础特征：从浏览器中创建XMLHttpRequest 从node.js发出http请求支持Promise API 拦截请求

灰太狼/ 2022年12月05日 00:59/ 0 赞/ 92 阅读

相关 axios

转自：https://www.jianshu.com/p/df464b26ae58 一、安装 1、利用npm安装`npm install axios

比眉伴天荒/ 2022年05月25日 13:28/ 0 赞/ 211 阅读

相关 axios插件讲解基础使用

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm

￡神魔★判官ぃ/ 2022年04月18日 06:53/ 0 赞/ 152 阅读

相关 Vue之axios基础使用

答：axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它有哪些特征：

小灰灰/ 2020年05月15日 09:56/ 0 赞/ 928 阅读