react axios的二次封装
时间:2022-03-12 22:12
在src目录下面创建一个api文件夹 api里面创建index.js和request.js文件
index.js
import axios from "axios" var service = axios.create({ baseURL: "/api", //所有的请求都会带上 /api "content-type": "application/json", timeout: 5000 }) //请求拦截器 // service.interceptors.request.use((config)=>{ // console.log("发请求了 以后要在这里带上令牌") // return config // }) // 响应拦截器 // service.interceptors.response.use((rse) => { // return rse; // }) export default service;
request.js
import axios from "./index" // 请求 export const getList = () => { return axios.get("path") //跨域要配置代理 }
组件如果想要调用,只需要引用 request.js 调用方法就好了。
相关推荐
- Android系统编程入门系列之界面Activity交互响应
- 新型横向移动工具原理分析、代码分析、优缺点以及检测方案
- uni-app滚动视图容器(scroll-view)之监听上拉事件
- uniapp h5,app两端复制文本
- Android系统编程入门系列之界面Activity响应丝滑的传统动画
- 【Azure 应用服务】App Service 配置 Application Settings 访问Storage Account得到 could not be resolved: '*.file.core.windows.net'的报错。没有解析成对应中国区 Storage Account地址 *.file.core.chinacloudapi.cn
- 诺基亚短信生成!太好玩了
- iOS 跳转App Store进行评分
- 开发一个即时通讯App
- 关闭苹果IOS app自动更新
电脑软件
本类排行
- 1关闭苹果IOS app自动更新
- 2iOS 跳转App Store进行评分
- 3诺基亚短信生成!太好玩了
- 4Android系统编程入门系列之界面Activity响应丝滑的传统动画
- 5uniapp h5,app两端复制文本
- 6uni-app滚动视图容器(scroll-view)之监听上拉事件
- 7新型横向移动工具原理分析、代码分析、优缺点以及检测方案
- 8Android系统编程入门系列之界面Activity交互响应
- 9开发一个即时通讯App
- 10【Azure 应用服务】App Service 配置 Application Settings 访问Storage Account得到 could not be resolved: '*.file.core.windows.net'的报错。没有解析成对应中国区 Storage Account地址 *.file.core.chinacloudapi.cn