设置服务器响应错误(404, 500等)跳转

设置服务器响应错误(404, 500等)跳转

在项目的WEB-INF下web.xml添加:

<!-- 指定404状态码的处理页面为errors.jsp -->
<error-page>
    <error-code>404</error-code>
    <location>errors.jsp</location>
</error-page>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这是axios封装的代码:import Vue from "vue"; //导入axios import axios from "axios"; //创建axios的实例 const http = axios.create({ //baseURL baseURL: "http://localhost:9999/api", //请求超时时间 //timeout: 1000, //前端设置跨域 //设置可跨域的请求头格式,可以避免让后端增加@CrossOrigin注解 headers: { "Access-Control-Allow-Origin": "*", "Access-Control-Allow-Methods": "POST, GET, OPTIONS, PUT, DELETE", "Access-Control-Allow-Headers": "Content-Type, X-Auth-Token, Origin, Authorization", }, }); //设置X-Requested-With的请求头(非必须),可以根据实际框架使用或去除 //注意:此处的请求头,和上面的headers的请求头,二者是两码事,作用是不一样的,也不会相互冲突 http.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest"; //请求拦截器 http.interceptors.request.use( //发送请求之前,做些什么... (config) => { return config; }, //请求错误时,做些什么... (error) => { return Promise.reject(error); } ); //响应拦截器 http.interceptors.response.use( (response) => { // 对响应数据做些什么 return response; }, (error) => { // 针对响应错误代码,做些什么... if (error.response) { //根据HTTP状态码,来进行处理 //其它状态码,直接在这里继续追加即可 switch (error.response.status) { case 401: //未登录,跳转到登录页 break; case 403: //没有权限,跳转到403页面 break; case 404: //请求的资源不存在,跳转404页面 break; case 500: //服务器内部错误跳转500页面 break; default: //其他错误,弹出错误信息 Message.error( error.response.data.message || "服务器异常,请稍后再试!" ); break; } } else { //请求超时或者网络异常,弹出错误信息 Message.error("网络异常,请稍后再试!"); } return Promise.reject(error); } ); //向外共享axios的实例对象 export default http;然后,我发起请求错误后为啥不弹出弹框
06-07

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值