前端vue.js 后端spring boot，跨域访问302和403错误

最新推荐文章于 2025-06-25 08:30:00 发布
最新推荐文章于 2025-06-25 08:30:00 发布
阅读量1.2w 收藏 1
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/minosisterry/article/details/81111839
本文记录了一个因前后端接口文档中URL大小写不一致而导致的302重定向问题。前端请求后端接口时出现302错误并被重定向到/admin/login，经排查发现是后台RequestMapping配置错误所致。

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

前提：已经设置好跨域请求所需了，其他请求是正常的

问题现象：前端访问后端时，请求为302错误，总是被重定向为/admin/login；

                  后台报错页面不存在

问题所在：后台的requestmapping写错了，和前端请求的网址不一样。因为都是按接口文档写的，但是有一个字母的大小写出了问题，导致访问的页面不存在

这个bug全项目组调了一下午都没调出来，谨希望有同样错误的人别找错方向，或许也只是这个小问题

minosisterry
关注
Spring Boot + Vue: 全栈开发实战指南
llTvTll的博客
11-30 1864
随着互联网技术的发展，企业对于快速开发高质量Web应用的需求日益增长。Spring Boot以其轻量级、易配置、快速开发的特点，成为Java后端开发的首选框架。Vue.js以其响应式、组件化的特点，成为前端开发的热门选择。结合两者，我们可以构建出既高效又易维护的全栈应用。在这篇博客中，我们详细探讨了如何使用Spring Boot和Vue.js进行全栈开发项目。从后端的Spring Boot项目搭建、数据库集成、业务逻辑处理到前端的Vue.js项目初始化、组件开发、路由配置等方面都进行了深入的讲解。
实战项目：构建基于Spring Boot和Vue.js的金融项目分享
2301_76637757的博客
07-04 426
前端通过Vue等技术实现用户界面的开发和交互，后端通过Spring Boot和Dubbo微服务框架实现业务逻辑的处理和微服务之间的通信。其中，micr-common是公共服务，micr-web是Web服务，micr-database是数据库服务，micr-pay是支付服务，micr-task是定时任务服务。后端技术栈方面，项目采用Spring Boot 2作为核心框架，Dubbo 2.7作为微服务框架，MyBatis 3作为持久化框架，Redis 5作为缓存数据库，MySQL 5作为主要的关系型数据库。
VUE + Springboot 前后端分离线上 登陆后接口请求报302
秋实的博客
04-10 7052
最近开发项目过程中遇到一个困扰几天的问题，本地测试所有接口都正常，线上请求后端没设置登陆拦截的接口，能正常返回数据；但请求需要登陆访问接口，则出现302，直接重定向到/login接口，十分诡异。 与后端一起探讨解决发现，多方查询尝试才发现在axios配置中设置：withCredentials: true，允许跨域请求携带cookie才行。 axios中文文档配置拷贝过来： { // `...
Vue前后端分离处理网络请求跨域问题
weixin_39274556的博客
11-23 478
Vue前后端分离处理网络请求跨域问题
nginx代理之后，访问地址报403，排查思路
最新发布
专注网络安全、Linux、K8s等技术分享，愿你在云计算运维领域不断进阶，欢迎随时交流。
06-25 818
顺序逐一排查，重点验证请求头、路径匹配、认证信息、SSL 及防火墙，基本能定位。前置机用nginx服务代理服务之后，访问代理之后的地址报错nginx。错误，排查之后因为路径不匹配导致。若仍未解决，可开启 Nginx 调试日志（）和后端应用日志，追踪请求完整流程。」，带你学习更多实战经验！
spring-boot3 重定向（状态码：302）问题（无论访问那个接口都会被重定向到 【/login】登录界面）
前端、python爱好者
06-16 5869
今天使用spring-boot做了热重载以后出现了一个问题，我无论访问那个接口都会导致接口被重定向到下面这个界面 地址是 ：“localhost:/login”
VUE 同域 接口请求报302
carbonzhao的专栏
09-04 1498
最近开发项目过程中遇到一个困扰几天的问题，本地运行VUE前端项目，同时连接到本地后端服务，接口出现302，直接重定向到/login接口，十分诡异。，允许跨域请求携带cookie才行。在同域的情况下，我们发送请求会默认携带当前域下的。于是乎进行各种搜索研判处理，找到以下相关相同案例，此处这里进行分享。，但是在跨域的情况下，由于浏览器的限制，默认是不会携带请求域下的。需注意：在withCredentials的情况下，后端要设置。，而我们通常请求中是需要携带。
spring Boot访问静态资源
1024
05-26 408
一、默认静态资源映射 Spring Boot 对静态资源映射提供了默认配置 Spring Boot 默认将 /** 所有访问映射到以下目录： classpath:/static classpath:/public classpath:/resources classpath:/META-INF/resources 浏览器分别访问： http://localhost:8080/a....
解决Vue调用springboot接口403跨域问题
10-16
在当前的Web开发中，前后端分离架构变得越来越流行。这种架构意味着前端使用一种技术栈（如...通过这些配置，可以有效解决前端Vue.js应用在访问后端资源时遇到的跨域问题，从而使得前后端分离的开发模式得以顺利进行。
基于Vue.js和Spring Boot的在线问卷系统开发
1. 前后端分离：该在线问卷系统遵循现代Web应用开发的最佳实践，将前端Vue.js项目与后端Spring Boot项目分离。这种架构允许前后端独立开发、测试和部署，提高了开发效率，也便于维护。 2. 跨域访问：支持跨域访问...
Spring Boot + Vue.js 实现前后端分离（附源码），看完记得收藏！
weixin_46898270的博客
05-05 791
Spring Boot + Vue.js 前后端涉及基本概念介绍，搭建记录，本文会列举出用到环境和工具，并且提供源码。 前端工具和环境： Node.js V10.15.0 Vue.js V2.5.21 yarn: V1.13.0 IDE: VScode 后端工具和环境： Maven: 3.52 jdk: 1.8 MySql: 14.14 IDE: IDEA Spring Boot: 2.0+ Zo...
SpringBoot 集成 Shiro 无法加载静态资源报 302，已知原因并已解决
严泽熠的博客
06-20 3814
SpringBoot 集成 Shiro 无法加载静态资源报 302，已知原因并已解决。错误：Uncaught SyntaxError: Unexpected token '
idea+springboot+linux+nginx部署项目遇到的问题，403、404、favicon.ico等
哎呦叔叔的博客
10-02 1948
1，访问静态资源403 修改nginx.conf文件头为：user root 2，访问静态资源404 同样是在nginx.conf文件修改 如果location的配置是 location /static ,类似这样的子路径，配置如下： root /webroot/static;  alias /webroot/static/;  注意：alias后面多一个/ 3，网站小图标 首先...
vue+axios | 解决前后端交互时报错302的憨憨问题
是袁同学呀
02-20 6219
前提：页面是用Element写的，文档https://element.eleme.cn/#/zh-CN/component/layout 1. 关于入参的值绑定，一般是通过Form表单绑定在一个对象上，然后将对象作为入参传入，但是当页面入参不是通过from表单绑定的时候呢？ ...
springmvc ajax请求sendRedirect重定向返回302处理
weixin_42073415的博客
02-19 1519
在springMVC开发时用ajax请求服务器，后台进行重定向处理时，页面ajax返回302(重定向状态码，但没有重定向到自己想要的页面); 解决办法: 后台:设置相应头表明是重定向，并且同时设置重定向的路径 String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.g...
解决vue跨域302,301,404,问题
热门推荐
ispaomoya博客
03-21 1万+
vue本地跨域，vuecli配置跨域，vue跨域解决方案
vue项目 关于接口302 重定向到外部系统
weixin_45666360的博客
06-15 1657
目前想法是后端接口不用302返回，更换为其他状态码，这样一来axios可以拦截到自定义状态码后进行逻辑处理，通过window.location的方式携带参数跳转至其他页面。network中页面资源已经加载出来了，但是页面没有跳转。接口302，自动去get了后端返回的新页面。但为什么302状态码页面不会自动跳转？
前端拦截302重定向踩坑之旅
qq_42464946的博客
08-31 3798
与后端约定规则，将前端对于后端可能重定向的且重定后前端必须获取到重定向location的请求不予返回3xx状态码，转而返回2xx、4xx或者其余状态码，此时axios可以进行拦截获取信息；在使用axios请求之前，先使用 fetch 请求一次进行拦截，该方式可以成功拦截302请求，能获取其中部分信息，但是该方法依旧无法获取location，无法满足本次探索的需求，不过可以适用于拦截302请求后做定制化逻辑处理等场景。
前端路径请求状态码302的主要原因
前端小白
06-28 1万+
1.路径名称写错 这还是来自于自己的教训呀，在公司开发的时候由于路径写错了导致一整天都在找bug， 2.后端把前端的请求拦截了 说起这个，可真的是哭死我咯，起因是这样的，在做国际化语言的时候，由于我请求的路径是需要在用户还没有登陆的时候，就发送请求，结果后端帮我拦截了，然而我一头雾水的找了一天的bug，感觉人生都没有爱咯 这就是我写前端代码的时候遇到的一些关于302状态码的主要问题，等到在遇到此类问题继续更新 ...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值