vue请求接口报错500,进行拦截提示服务器错误

news/2024/12/23 4:24:45/

 写一个拦截器。先创建一个utils文件,在文件夹内新建js文件写入以下代码(直接复制即可)

import Axios from "axios";
import router from "../router/index";
// 请求拦截器
Axios.interceptors.request.use(config => {// 发送请求之前可以在这里写一些东西return config;},error => {// 请求报错的时候做一些事情return Promise.reject(error);}
);
// 响应拦截器
Axios.interceptors.response.use(response => {// 对响应数据做一些事情return response;},error => {// 请求错误时做些事let status = "";if (error.request) {status = error.request;} else if (error.response) {status = error.response;}if (status) {switch (status.status) {case 400:error.message = "请求错误(400)";break;case 401:error.message = "未授权,请重新登录(401)";router.push("/401");break;case 403:error.message = "拒绝访问(403)";break;case 404:error.message = "请求出错(404)";router.push("/404");break;case 408:error.message = "请求超时(408)";break;case 500:error.message = "服务器错误(500)";router.push("/a500");break;case 501:error.message = "服务未实现(501)";break;case 502:error.message = "网络错误(502)";break;case 503:error.message = "服务不可用(503)";break;case 504:error.message = "网络超时(504)";break;case 505:error.message = "HTTP版本不受支持(505)";break;default:error.message = `连接出错(${error.response.status})!`;}} else {error.message = "连接服务器失败!";}return Promise.reject(error);}
);export default Axios;

然后再main.js里引入axios 拦截器

 

 

// 引入 文件  
import axios from './utils/axiosConfig'
// 挂载拦截器
Vue.prototype.$axios = axios

然后在请求数据的时候如果报错500  会跳转到500指定的网页


http://www.ppmy.cn/news/667452.html

相关文章

ADGuard 开源广告拦截器 —— 筑梦之路

主页:https://github.com/AdguardTeam/AdGuardHome/wiki/Getting-Started#installation发行版:https://github.com/AdguardTeam/AdGuardHome/releaseswget https://github.com/AdguardTeam/AdGuardHome/releases/download/v0.107.5/AdGuardHome_linux_am…

【需求实现】Tensorflow2的曲线拟合(三):Embedding层

文章目录 导读Embedding的维度问题Embedding的输入输出比较容易踩的坑input_shape与input_length的对应关系built属性 导读 这是填曲线拟合第一篇的坑,有关Embedding层的问题。 Embedding的维度问题 首先是上次我们提到的Embedding层,他确实能够做到将…

Linux--移动文件或给文件改名指令:mv

mv是move的简写 作用: 可以用来移动文件或者将文件改名(move (rename) files),是Linux系统下常用的命 令,经常用来备份文件或者目录 语法: mv [选项] 源文件或目录 目标文件或目录1.mv 源文件 目标目录 作…

IBM X3650 M4服务器内存故障更换处理

故障现象:服务器告警灯亮起,显示面板有MEM和CPU亮起 如下图所示 处理方法: 首先确定是哪一个内存损坏,可以接显示屏post诊断,看系统刷出来的信息,或者也可以接上IMM口,登录IMM管理接口&…

IBM X3650 M4 配置 raid

此次使用IBM X3650 M4服务器配置raid阵列,硬件配置为5块sas和1块ssd。其中2块sas配置成raid1用作系统盘,其余3块sas和1块ssd统一配成raid0。dell服务器配置raid步骤会持续补充上 一、进入WebBIOS界面 启动服务器等待出现如上界面后按照提示按CtrlH键进入…

Echarts 自定义工具栏事件 || 柱状图和饼状图之间的切换

echarts中有柱状图和折线图之间的切换,却没有柱状图和饼图直接的切换不过echarts有自定义工具栏方法,我们可以通过自定工具栏的方法来实现echarts没有的图形切换toolbox 中的 feature 自定方法 (title: 鼠标放上去显示的文字;icon: 自定工具栏的图标的path路径;onclick: 点击事…

Hive内嵌字符处理函数:字符函数concat_ws,locate,trim,lpad,rpad等

1.Hive内嵌字符串处理函数1 Return Type Name(Signature) Description int ascii(string str) Returns the numeric value of the first character of str. 返回str中首个ASCII字符串的整数值 string base64(binary bin) unbase64(string str) Converts the arg…

滑动折叠效果简单实现

绿色为标题&#xff0c;滑动时始终不会被折叠、不会滑动。红色和黑色会在滑动的时候折叠&#xff0c;先折叠红色&#xff0c;在折叠黑色。 activity_shop_search.xml&#xff1a; <?xml version"1.0" encoding"utf-8"?> <layout xmlns:androi…