axios跨域请求——无情415、403

最新推荐文章于 2025-04-14 09:54:40 发布

大雨两点

最新推荐文章于 2025-04-14 09:54:40 发布

阅读量1.3k

点赞数

分类专栏： Java 前端文章标签： vue java

本文链接：https://blog.youkuaiyun.com/weixin_44868854/article/details/107454139

版权

前端使用axios进行跨域请求时遇到413和403错误。问题源于axios的OPTIONS预请求未得到正确响应。解决方案包括在后端添加过滤器处理预请求，在前端vue.config.js中配置跨域设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

axios跨域请求

问题描述：前端搭建的项目，通过axios方式向后端发起异步请求，但是前端报错了

状态码：413，并且提示相应的头部不支持跨域；
状态码：403，这个有几个瞬间出现过了，但是由于急着解决，上述两种情况都没有截图记录；

原因：因为axios在发起请求的时候会发送一个OPTIONS类型的预请求，通过服务端的返回结果来查看服务端支持的请求方式；如果后端服务器在处理请求的时候没有处理这个预请求，就会报错；但是也有可能存在一种情况就是：有可能服务器处理了但是返回结果被浏览器忽略掉了，导致报错，有遇到过的朋友评论区一起探讨一下吧。
情况一解法：在后端加个过滤器：代码如下：

package com.javatribe.scoreSystem.filter;

import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/**
 * @author 大雨两点
 * @version 1.0
 * @date 2020/7/16 22:38
 */

public class HeaderFilter implement