vue网络请求

post网络请求


import axios from 'axios'
import {ElMessage, ElLoading} from "element-plus"
import { nextTick } from "vue"
import JSONbig from 'json-bigint'
import { userToken } from "@/constants/Constant.js";const defaultConfig = {baseURL: import.meta.env.VITE_BASE_URL,timeout: 2 * 60 * 1000,headers: {Accept: "application/json","Content-Type": "application/json"},transitional: {forcedJSONParsing: false},transformResponse: (data) => {try {return JSONbig.parse(data)} catch (err) {return data}}
};const instance = axios.create({...defaultConfig,
})instance.interceptors.request.use((config) => {// 实时动态设置登陆用户tokenconfig.headers.Authorization = userToken();return config;
});export async function postReq(path, param, config, success, fail) {return await instance.post(path,param || {},config,).then(success, fail)
}/*** * @param {*} callback 只返回成功后的数据*/
export function basePostReq(path, param, callback) {sendPostReq(path, param, null, true, true, true, callback)
}/*** * @param {*} isShowLoading 是否显示loading* @param {*} isShowError 是否显示报错* @param {*} isOnlyData 是否只返回有用的数据* @param {*} callback 只返回成功后的数据*/
export function sendPostReq(path, param, config, isShowLoading, isShowError, isOnlyData, callback) {var loading = nullif (isShowLoading) {loading = ElLoading.service({lock: true,text: '请稍等...',  background: 'rgba(0, 0, 0, 0.7)'})}postReq(path, param, config, (res)=> {if (loading) {nextTick(() => {loading.close()})}if (res.data instanceof Blob) {if (res.data.type == 'application/json') {const reader = new FileReader()reader.readAsText(res.data, 'utf-8')reader.onload = function() {try {const blobData = JSON.parse(reader.result)if (!blobData.code || blobData.code != 200) {if (isShowError) {ElMessage({showClose: true,message: blobData.message || '请求失败',duration: 0,type: 'error'})}return}if (isOnlyData && blobData) {if (callback) {callback(blobData.data)}} else {if (callback) {callback(blobData)}}} catch (e) {ElMessage({showClose: true,message: "json解析失败:" + e.toString(),duration: 0,type: 'error'})}}} else {if (callback) {callback(res.data)}}return}if (!res.data.code || res.data.code != 200) {if (isShowError) {ElMessage({showClose: true,message: res.data.message || '请求失败',duration: 0,type: 'error'})}return}if (isOnlyData && res.data) {if (callback) {callback(res.data.data)}} else {if (callback) {callback(res.data)}}}, (err)=> {if (loading) {nextTick(() => {loading.close()})}ElMessage({showClose: true,message: err.code +', ' + err.message,duration: 0,type: 'error'})})
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/48381.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

浅谈监听器之保存响应到文件

浅谈监听器之保存响应到文件 JMeter 提供了一个实用的监听器——“保存响应到文件”,该监听器能够自动将取样器的响应数据直接保存到指定的文件中,便于后续分析或存档。本文档旨在详细介绍如何配置和使用此监听器功能。 适用场景 ● 长时间运行的测试…

TCP协议之三次握手,四次挥手!

VLSM:可变长子网掩码划分 DOS攻击:拒绝服务攻击 SYN:DDOS攻击(分布式拒绝服务攻击) 私有IP严禁进行子网掩码划分 TCP协议: 三次握手: 第一次握手:Client将标志位SYN置1&#xf…

Java 代码规范:优化 if 嵌套的技术博客

黑马2024软考软件设计师核心知识点精讲 ​​https://pan.baidu.com/s/1lD9aXMr5NPG-x_GKJnwExg?pwd0cbj ​​ 在Java编程中,​​if​​​语句是控制流程的基本结构之一。然而,过多的​​if​​​嵌套会使代码变得难以阅读和维护。本文将介绍如何优化​…

昇思25天学习打卡营第n天|本地安装mindspore之二|开始第一课的代码。以及对比xshell,MobaXterm

开始准备在本地的系统上跑例子了。从第一课开始吧。 1,下载代码 打开课程。 下载样例代码 https://mindspore-website.obs.cn-north-4.myhuaweicloud.com/notebook/r2.3/tutorials/zh_cn/beginner/mindspore_quick_start.py 2,在本地Linux上输入并运…

Python新手如何制作植物大战僵尸?这篇文章教会你!

引言 《植物大战僵尸》是一款非常受欢迎的塔防游戏,玩家需要种植各种植物来抵御僵尸的进攻。在这篇文章中,我们将使用Python编写一个简化版的植物大战僵尸游戏,以展示如何使用Python创建游戏。 游戏规则 玩家将种植不同类型的植物来防御僵尸…

好用的电脑录屏软件免费推荐,拥有这3款就能高效录屏!

电脑录屏软件已成为我们记录生活、分享知识的得力助手。但是,市面上琳琅满目的录屏软件令人眼花缭乱,如何才能选择到一款好用的电脑录屏软件免费神器呢?今天,就让我来为您揭晓这个秘密! 首先,我们得明确一…

以太网(Ethernet)

目录 1. What is Internet?1.1. What is Ethernet?2. TCP/IP3. Physical Layer(PHY)4. Data Link Layer4.1. MAC Sublayer5. Network Layer5.1. IP5.2. ARP6. Transport Layer6.1. UDP6.2. TCP7. Application LayerFPGA实现以太网(一)——以太网简介 网络与路由交换 菜鸟FP…

sdut-C语言实验——数位数

给定一个正整数 n &#xff0c;请你求出它的位数。 输入格式: 单组输入&#xff0c;输入一个整数 n 。&#xff08;1< n < 2147483647&#xff09; 输出格式: 输出一行&#xff0c;包含一个整数&#xff0c;即为 n 的位数。 输入格式: 单组输入&#xff0c;输入一个整数 …

胖东来也要加入“打水仗”?瓶装水品牌又该如何出招

今年瓶装水行业的“战场”似乎格外热闹&#xff0c;比武汉的天气好像还要火热......从年头农夫山泉打出“纯净水”的牌&#xff0c;再到如今掀起价格内卷战&#xff0c;一箱12瓶的纯净水在某宝平台上仅售9.9元&#xff0c;平均下来每瓶单价不超一元&#xff0c;农夫山泉都出击了…

踏进互动科技世界使用Arduino

Arduino 的理念就是别光说不练&#xff0c;要动手做&#xff01;我们不断追求更快更有利的方法来制作原型&#xff0c;利用双手探索更多的原型技术以及开发多方位的思维。 典型的编程思维模式偏向于单向思考&#xff0c;例如如何从A到B。Arduino 采用多方位思考模式&#xff0c…

自动化网络爬虫:如何它成为提升数据收集效率的终极武器?

摘要 本文深入探讨了自动化网络爬虫技术如何彻底改变数据收集领域的游戏规则&#xff0c;揭示其作为提升工作效率的终极工具的奥秘。通过分析其工作原理、优势及实际应用案例&#xff0c;我们向读者展示了如何利用这一强大工具加速业务决策过程&#xff0c;同时保持数据收集的…

5G mmWave PAAM 开发平台

Avnet-Fujikura-AMD 5G 毫米波相控阵天线模块开发平台 Avnet 和 Fujikura 为毫米波频段创建了一个领先的 5G FR2 相控阵天线开发平台。该平台使开发人员能够使用 AMD Xilinx 的 Zynq UltraScale™ RFSoC Gen3 和 Fujikura 的 FutureAcess™ 相控阵天线模块 (PAAM) 快速创建和制…

算法日记day 18(二叉树的所有路径|左叶子之和)

一、二叉树的所有路径 题目&#xff1a; 给你一个二叉树的根节点 root &#xff0c;按 任意顺序 &#xff0c;返回所有从根节点到叶子节点的路径。 叶子节点 是指没有子节点的节点。 示例 1&#xff1a; 输入&#xff1a;root [1,2,3,null,5] 输出&#xff1a;["1->…

抖音矩阵管理系统解决方案:一站式服务

在当今社交媒体蓬勃发展的时代&#xff0c;抖音作为一款短视频平台&#xff0c;凭借其独特的魅力和庞大的用户群体&#xff0c;已成为众多企业、个人乃至网红达人展示自我、推广品牌的重要舞台。然而&#xff0c;随着抖音账号数量的不断增加&#xff0c;如何高效、专业地管理这…

系统编程--Linux下文件的“其他操作”函数

这里写目录标题 文件存储理论补充dentry、inode 文件其他操作stat函数作用函数原型代码&#xff08;以获取文件大小为例&#xff09;补充&#xff08;获取文件类型&#xff09; lstat函数作用函数原型代码补充&#xff08;获取文件权限&#xff09;总结 tipslink函数作用简介函…

前端页面:用户交互持续时间跟踪(duration)user-interaction-tracker

引言 在用户至上的时代&#xff0c;精准把握用户行为已成为产品优化的关键。本文将详细介绍 user-interaction-tracker 库&#xff0c;它提供了一种高效的解决方案&#xff0c;用于跟踪用户交互的持续时间&#xff0c;并提升项目埋点的效率。通过本文&#xff0c;你将了解到如…

使用水星Mecury人形机器人搭建VR遥操作控制平台!

VR遥操作机械臂是一种将虚拟现实技术与机械臂控制相结合的系统&#xff0c;使用户可以通过虚拟现实设备操控和交互实际的机械臂。这种技术可以应用于多个领域&#xff0c;包括远程操作、培训、危险环境中的工作等。 双臂人形机器人是一种模拟人体上半身结构&#xff0c;包括头部…

idea Project 不显示文件和目录

idea Project 不显示文件和目录 File - Close Project - 重新打开项目即可删除.idea文件夹&#xff0c;重新打开项目即可。 原因分析: 可能与使用不同ide例如java、python打开同一项目有关 参考: https://blog.csdn.net/hgnuxc_1993/article/details/132595900 解决打开IDE…

CentOS修改yum源

这里写自定义目录标题 1、备份原来的文件下载新的文件清空并生成缓存 1、备份原来的文件 mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup下载新的文件 下载新的文件CentOS-Base.repo 到/etc/yum.repos.d/ 注意系统版本 CentOS 5wget -O /et…

跨域浏览器解决前端跨域问题

1.问题背景 这是一种属于非主流的解决跨域的方案&#xff0c;但是也是可以正常使用而且比较简单的。如果需要使用主流的解决前端跨域方案&#xff0c;请参考这篇文章。 我这边其实是优先建议大家使用主流的跨域方案&#xff0c;如果主流的实在不行&#xff0c;那么就使用跨域…