配置 axios 网络请求
时间:2021-10-03
本文章向大家介绍配置 axios 网络请求,主要包括配置 axios 网络请求使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
在项目中配置 axios
例如 Vue 、 React 都可这样使用
1. 安装依赖
npm i -S axios
2. 在src目录下
-
创建
utils
文件夹,创建request.js
// 封装axios import axios from "axios" import qs from "querystring" /** * 处理失败的方法 * status:状态码 * info:信息 */ const errorHandle = (status,info) =>{ switch(status){ case 400: console.log("客户端发出的请求有语法错误"); break; case 401: console.log("服务器认证失败"); break; case 403: console.log("客户端没有权限访问资源"); break; case 404: console.log("资源未被定义(网络请求地址错误/服务器上找不到请求的资源)"); break; case 500: console.log("服务器执行请求时发生了错误"); break; case 503: console.log("服务器在忙或在停机维护"); break; default: console.log(info); break; } } /** * 创建axios实例对象 */ const instance = axios.create({ // 公共配置 timeout:5000 }) /** * 处理拦截器 */ /** * 请求拦截 */ instance.interceptors.request.use( config =>{ if(config.method === 'post'){ config.data = qs.stringify(config.data); } // // 配置请求头token信息 // if(store.state.loginModule.user.token){ // config.headers.authorization = store.state.loginModule.user.token // } return config }, error => Promise.reject(error) ) instance.interceptors.response.use( // 完成了 response => response.status === 200 ? Promise.resolve(response) : Promise.reject(response) , error =>{ const { response } = error; errorHandle(response.status,response.info); } ) export default instance
-
创建
api
文件夹,创建index.js
//引入utils下的request.js import axios from "../utils/request.js" /** * 路径地址 */ const base = { } /** * 请求方法 */ const api = { } export default api;
原文地址:https://www.cnblogs.com/fuct/p/15364218.html
- ssh服务、密钥登陆配置
- 本地yum仓库搭建及rpm软件包定制
- CentOS6.9-zabbix3.2启动失败原因及页面没有mysql选择项
- inotify软件部署及实时同步
- Linux下批量修改文件名方法
- Tomcat启动慢解决方法(本人CentOS7.4系统)
- Nginx软件部署配置过程
- iptables网络安全服务详细使用
- 未来哪个行业能赚钱,看百度、阿里、腾讯投资的企业你就知道了!
- Augmate公司应用分布式账本技术,将IOTA整合为物联网设备管理平台
- 一域名一年前六位数终端易主 是为了......
- 黑客通过Facebook Messenger传播加密货币挖掘恶意软件
- linq to sql的多条件动态查询(下)
- iptables网络安全服务详细使用
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- python爬虫 senlenium爬取拉勾网招聘数据
- Python opencv图像处理基础总结(六) 直线检测 圆检测 轮廓发现
- 简单又强大的pandas爬虫 利用pandas库的read_html()方法爬取网页表格型数据
- python pyecharts数据可视化 折线图 箱形图
- Python爬虫 selenium自动化 利用搜狗搜索爬取微信公众号文章信息
- python 办公自动化系列 (1) 从22053条数据中统计断网次数并计算平均断网时间
- Python数据可视化 热力图
- python 中文情感分析 Snownlp库的使用
- Python数据分析实战(1) 成都土地市场分析
- 51单片机学习(1) LED点亮、闪烁以及流水灯实现
- python pyecharts地理数据可视化 绘制地理图表
- Python 爬虫+tkinter界面 实现历史天气查询
- python opencv+pytesseract 验证码识别
- python+opencv 实现图像人脸检测及视频中的人脸检测
- 手搓一个分布式大气监测系统(五)基于物联网开发平台的云架构延伸