焦点快报!vue2封装axios接口代码
2023-04-06 13:19:33来源：腾讯云
(资料图)
@toc
在/utils新建request
import axios from "axios"import bus from "@/utils/bus"import {Message} from "element-ui"const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url // baseURL: "/api", // url = base url + request url timeout: 100000, // request timeout})service.interceptors.request.use( config => { let currentUser = JSON.parse(sessionStorage.getItem("UserInfo")) if (currentUser && currentUser.token) { config.headers["Authorization"] = "token " + currentUser.token } return config }, error => { console.log(error) return Promise.reject(error) })// response interceptorservice.interceptors.response.use( response => { return response }, error => { const res = error.response.data const status = error.response.status if (status >= 500) { Message.error("服务繁忙请稍后再试") } else if (status >= 400) { if (res.status === 401) { Message.warning("您的账号登录已失效, 请重新登录") bus.$emit("logout") } else { Message.error("未知错误") console.error(error) } } return Promise.resolve(error) })export default service接口js页面中
// 卡片管理模块import request from "@/utils/request"// getexport function getList(params) { return request({ url: "/", method: "get", params })}// POSTexport function postList(data) { return request({ url: "/", method: "POST", responseType: "arraybuffer", data })}vue页面
//引入import { getList, postList} from "@/api/comparison.js";//使用 getList().then((res) => { });标签：
相关阅读
-
csgo回放看不了应该怎么办？有哪些可以免费白嫖的CSGO开箱网站？
csgo有哪些免费开箱网站?很多喜欢玩csgo的玩家都有这样的疑问，毕竟csgo的饰品价值千金，很难不让人心动...
2023-06-26 -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
热点
- 《皇家骑士团重生》飞行戒指装备怎么获得？《皇家骑士团重生》飞行戒指获取流程攻略
- 《大江湖苍龙与白鸟》黑风寨都有哪些武功秘籍？《大江湖苍龙与白鸟》黑风寨全武功秘籍攻略
- 《大江湖苍龙与白鸟》青城后山如何通关？《大江湖苍龙与白鸟》青城后山隐藏地图攻略
- 《魔兽世界》10.0挖宝奇兵什么效果？《魔兽世界》10.0挖宝奇兵道具任务流程攻略
- 《宝可梦朱紫》吸取之吻招式学习器在什么地方？《宝可梦朱紫》吸取之吻招式学习器位置坐标说明
- 《鹅鸭杀》承办丧葬者游戏怎么玩？《鹅鸭杀》承办丧葬者角色玩法攻略
- 《宝可梦朱紫》闪光菜谱配方是什么？《宝可梦朱紫》闪光菜谱制作配方分享
- 《缺氧》热火朝天更新什么内容？《缺氧》热火朝天更新内容介绍
- 《索尼克：未知边境》开发团队畅谈神秘女孩角色设计 力争传承系列游戏辨识度
- 《战地1》Steam低价促销 超低价格仅需23.76元
武侠
营业执照公示信息