网络请求模块封装

import axios from "axios"; //引入axios模块export function request(config) {//1,创建axios的实例const instance = axios.create({baseURL: "http://123.207.32.32:8000",timeout: 5000});// 2,axios的拦截器// 拦截器的作用：1，处理一些信息不符合服务器的要求；2，发送网络请求时界面出现loading动画；3，某些网络请求(比如登录(token)),必须携带一些特殊的信息instance.interceptors.request.use(config => {console.log("请求拦截");return config; //请求拦截器属于中间件需要返回config}, err => {console.log("请求拦截后出现错误！！", err);return Promise.reject(err);});// 3，响应拦截instance.interceptors.response.use(res => {console.log("响应拦截");return res.data; //响应拦截器属于中间件需要返回res,因为一般只用res.data所有此处也可返回res.data}, err => {console.log("响应拦截后出现错误！！", err);return Promise.reject(err);});return instance(config); //4,axios.create方法返回值为Promise对象
}
/* 5，在其它组件内使用本网络请求模块：1,引入：import {request} form "network/request.js" 2,使用: request({url:"XX"}.then(res=>{}).catch(err=>{}); ) *//* 更多使用说明请查看文档：https://www.kancloud.cn/yunye/axios/234845/ */

@沉木

network/request.js网络请求模块封装相关推荐

Python爬虫学习笔记-第二课(网络请求模块上)
网络请求模块上 1. 相关概念介绍 1.1 向网站发起请求的方式: 1.2 url-全球统一资源定位符 1.3 User-Agent 用户代理 1.4 referer 1.5 状态码 1.6 抓包工具 ...
Python爬虫学习笔记-第三课(网络请求模块下)
网络请求模块下 1. urllib-get案例 1.1 代码需求:爬取贴吧数据 1.2 代码思路 1.3 代码实现 2. urllib-post案例 3. requests模块简介 3.1 get案例 ...
vue-resource网络请求模块（安装教程） - cmd篇
vue-resource网络请求模块(安装教程) - cmd篇安装vue-resource 网络请求模块,用于依赖后端服务器的vuejs项目进行对服务器端数据的请求或跨域请求. cmd安装步骤: 先 ...
Android肝帝战纪之网络请求框架封装(Retrofit的封装)
网络请求框架封装(OkHttp3+Retrofit+loading的封装) Retrofit的Github链接点此链接到Github AVLoadingIndicatorView的Github链接( ...
android xutils json请求,Android Xutils3网络请求的封装详解及实例代码
Xutils3网络请求的封装详解封装了一个Xutil3的网络请求工具类,分享给大家,本人水平有限,不足之处欢迎指出. 使用前先配置xutils3: 1.gradle中添加 compile 'org. ...
搭建前端网络请求模块
HTTP 超文本传输协议发送一个请求查询用户日志记录请求响应请求方式有哪些? 响应码有哪些? 客户端请求后,服务器响应携带的 https 证书常用加密算法快速搭建 Vue 普通 H5 项目 ...
network reactnative_Chrome 调试 react-native 通过Network面板查看网络请求
真机或模拟器下 Debug JS Remotely, 会打开chrome,地址为ip:8081/debugger-ui/ 可能无法访问,手动改成 http://localhost:8081/debug ...
python发起网络请求模块【requests、selenium、urllib、urllib3】
python网络请求四大模块[requests.selenium.urllib.urllib3] 1.requests 该模块为python第三方库,需要使用pip安装安装 pip install ...
基于猿题库网络请求再次封装
下载地址: https://github.com/weibo1314/WB_NeiApiManager WB_NetApiManager 介绍 ===================== 最近闲来无 ...

network/request.js网络请求模块封装

网络请求模块封装

@沉木

network/request.js网络请求模块封装相关推荐

最新文章

热门文章